/*
Theme Name: MALVICINODESIGNGROUP.COM v1.0
Author: Germán Saez
Author URI: http://germansaez.com
Version: 1.0
*/

body {margin: 0px; background-color: #fff}

#menugral {background-color: #fff; margin: 0px; padding: 10px; list-style: none; height: 20px; border-bottom: solid #ccc 1px}
#menugral ul {margin: 0px auto; padding:0px}
#menugral li {font: 0.95em Arial, Helvetica, sans-serif; display: block; float: left; margin: 0px; padding-bottom: 2px; color:#9c9a9a}
#menugral li a {background: url(/img/mas.png) no-repeat; color:#b1bb57; text-decoration: none; padding-left: 20px; padding-right: 20px}
#menugral li a:hover {color:#b1bb57}
#menugral li a:visited {color:#b1bb57}

#menu h1 {background: url(/img/h1_design.gif) no-repeat; width: 156px; height: 148px; padding: 0px; margin-top: 0px; margin-bottom: 20px} 
#menu h1 a {text-indent: -5000px; width: 156px; height: 148px; display: block}
#menu h1 a:focus {outline: none}

#menu {background-color: #fff; padding-right: 20px; margin-right: 10px; width: 150px; height: 100%; border-right: solid #ccc 1px; margin-top: 0px}
#menu ul {margin: 0px; padding:0px}
#menu li {font: 0.9em Arial, Helvetica, sans-serif; list-style: none; padding: 0px 2px; margin-left: 20px}
#menu li a {color:#b1bb57; display: block; padding: 2px 4px; margin-bottom: 10px; text-decoration: none}
#menu li a:hover {color:#b1bb57}
#menu li a:visited {color:#b1bb57; background-color:#fff}

#contenido {margin-left: 40px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 50px; width: 750px}
#contenido h2 {margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; font: normal 1.3em Arial, Helvetica, sans-serif; color:#000; margin-top: 20px; border-bottom: solid #ccc 1px}
#contenido h3 {margin-left: 40px; margin-bottom: 20px; font: normal 1.7em Arial, Helvetica, sans-serif; color:#000; margin-top: 40px; padding-bottom: 10px; border-bottom: solid #ccc 1px}
#contenido h4 {margin-left: 40px; margin-bottom: 20px; font: normal 1.3em Arial, Helvetica, sans-serif; color:#505050; margin-top: 20px; padding-bottom: 10px; border-bottom: solid #ccc 1px}
#contenido h5 {margin-left: 40px; margin-bottom: 20px; font: normal 1.0em Arial, Helvetica, sans-serif; color:#b1bb57; margin-top: 10px}
#contenido p {margin-left: 40px; margin-bottom: 15px; margin-top: 5px; font: 0.75em Arial, Helvetica, sans-serif; color:#505050; line-height: 200%; padding:0px; text-align: justify}
#contenido ul {margin: 5px 0px; padding: 0px 20px}
#contenido li {font: 0.75em Arial, Helvetica, sans-serif; list-style: none; color:#505050; line-height: 200%; border-bottom: 1px solid #e9e9e9; margin-left: 40px}
#contenido a {color:#b1bb57; text-decoration: none; padding-right: 5px}
#contenido a:hover {color:#b1bb57}
#contenido a:visited {color:#b1bb57}

#foot {margin: 20px; padding: 20px 0px; color:#5a5a5a; border-top: solid #ccc 1px; height: 110px}
#foot ul {margin: 0px auto; padding:10px 0px}
#foot li {font: 0.7em Arial, Helvetica, sans-serif; list-style: none; float: left; margin-right: 60px}
#foot .logo {background: url(/img/logo_pie.gif) no-repeat; width: 40px; height: 50px} 
#foot .gs {background: url(/img/gs.gif) no-repeat; width: 100px; height: 20px} 
#foot a {text-indent: -5000px; width: 40px; height: 50px; display: block}
#foot a:focus {outline: none}

#izq {float: left}
#der {float: right}
#cincuenta {float: left; width: 48%; padding-right: 10px}

#slideshow {position:relative; height:141px}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 141px}
#slideshow DIV.active {z-index:10; opacity:1.0}
#slideshow DIV.last-active {z-index:9}
#slideshow DIV IMG {height: 141px; display: block; border: 1px solid #ccc; margin-bottom: 10px}

div.oculta {display: none; margin: 0px}
.pdf {background-color: #fafafa; padding: 10px; display: block}
.color {color:#b1bb57}
.skype {background: url(/img/skype.png); background-repeat: no-repeat; background-position: left; padding-left: 18px} 
.contact {background: url(/img/people.png); background-repeat: no-repeat; background-position: left; padding-left: 20px}
.press {background: url(/img/press.gif); background-repeat: no-repeat; background-position: left top; padding-left: 30px}
img {border: 0px}
.imgh4 {margin-left: 40px; border: 1px solid #ccc}

#marco {background-color: #fafafa; margin-top: 20px; margin-bottom: 0px; padding: 5px}

img.parrafo{float:left; margin-right: 10px; margin-bottom: 0px; margin-top:6px; border: 1px solid #999}
img.photo {border: solid 16px; border-color: #f8f8f8; margin-top: 20px; margin-bottom: 0px; padding: 0px}

#screenshot, #tooltip{position:absolute; border:0px; background:#b1bb57; padding:5px; display:none; color:#fff; font: 0.7em Arial, Helvetica, sans-serif}