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

body {background: url(/img/back_home.jpg) no-repeat; margin: 0px; background-color: #fff}

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

#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}
#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:#dd622b; display: block; padding: 2px 4px; margin-bottom: 10px; text-decoration: none}
#menu li a:hover {color:#dd622b}
#menu li a:visited {color:#dd622b; 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:#fff; margin-top: 20px; border-bottom: solid #676767 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 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:#dd622b; text-decoration: none; padding-right: 5px}
#contenido a:hover {color:#dd622b}
#contenido a:visited {color:#dd622b}

#foot {margin: 20px; padding: 20px 0px; color:#808080; border-top: solid #ccc 1px; width: 970px}
#foot ul {margin: 0px auto; padding: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 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:200px}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 200px}
#slideshow DIV.active {z-index:10; opacity:1.0}
#slideshow DIV.last-active {z-index:9}
#slideshow DIV IMG {height: 200px; display: block; border: 0; margin-bottom: 0px}

div.oculta {display: none; margin: 0px}
.color {color:#dd622b}

img {border: 0px}

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

img.parrafo{float:left; margin-right: 8px; margin-bottom: 2px; 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:1px solid #ccc; background:#ccc; padding:5px; display:none; color:#cce8f0; font: 0.7em Arial, Helvetica, sans-serif}