/*
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:#dd622b; text-decoration: none; padding-left: 20px; padding-right: 20px}
#menugral li a:hover {color:#dd622b}
#menugral li a:visited {color:#dd622b}

#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:#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:#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:#dd622b; 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:#dd622b; text-decoration: none; padding-right: 5px}
#contenido a:hover {color:#dd622b}
#contenido a:visited {color:#dd622b}

#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}

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

div.oculta {display: none; margin: 0px}
.color {color:#dd622b}
.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: 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:0px; background:#dd622b; padding:5px; display:none; color:#fff; font: 0.7em Arial, Helvetica, sans-serif}

#gallery {
	background-color: #444;
	padding: 10px;
	width: 100px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/shared/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/shared/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/shared/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #dd622b;
font-weight:normal;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 0.7em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}