/*
	2010 Vivenet - www.vivenet.es - contacto@vivenet.es
	Archivo CSS General
	Desarrollo: www.macgiver.es
*/	

BODY{margin:10px 0 0 0; padding:0; font-size:13px; font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:-0.3px; background:#FFFFFF url(../images/bg.jpg) no-repeat; background-position:center top;}

h3,h4,h5{padding:0; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}
h3{text-align:right; font-size:16px; border-bottom:2px solid #000000; text-transform: uppercase; margin:10px 0 5px 0; width: 520px;}
 h3.dobletitulo{width:320px; float: right;}
h4{float:left; color:#e32c1b; text-transform: uppercase; font-size:18px; margin:19px 0 5px 0;}
h5{color:#e32c1b; text-transform: uppercase; margin:0px 0; font-size: 15px;}

a img{border:none;}
a:focus{ outline:none; }
p{margin:8px 0; font-size:13px; letter-spacing:-0.3px;}
p a{color:#000000;}
p a:hover{color:#e32c1b; text-decoration:none;}

.clear{clear:both; font-size:1px; margin:0;padding:0; height:1px; line-height:1px;}

#contenedor{background:url(../images/bgcontenedor.gif) no-repeat; width: 840px; padding: 0;
	position: absolute;	left:50%; top:50%; margin-left:-420px; margin-top:-325px; clear:both;
}

/** Menu ***************/

#cambiaIdioma{
	text-align: right;
	margin:30px 70px 0 0px;
	height: 19px;
}

#cambiaIdioma a{color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; padding-right: 40px; display: block;}
#cambiaIdioma a:hover{color: #000;}

#cambiaIdioma #botonEn{ background: url(../images/en.jpg) no-repeat right; }
#cambiaIdioma #botonEs{ background: url(../images/es.jpg) no-repeat right; }


/** Menu ***************/
#menu{float:left; width: 190px; margin:50px 0 0 0; padding:0;}
#menu ul {margin: 0 0 0 30px;padding: 0;}
#menu li {list-style: none; margin: 0; padding: 0;}

#menu a{display: block; width: 130px; height: 20px; overflow: hidden;
		font-size: 14px; color: #FFF; text-decoration: none; text-transform: uppercase;
		padding: 3px 0 3px 18px;
		background: url(../images/puertaMenu.gif) no-repeat left;
		}
#menu a:hover{color: #000;}

#menu ul ul{margin: 0px 0 0px 14px;padding: 0; width:133px;}
#menu li li a{text-transform: none; background: none; padding: 0; margin: 0;}

#menu .activo a{color: #000;}
#menu .activo2 a{color: #000;}

#enlaceMacMinusCost{margin: 10px 0 0 35px !important; border-top:1px solid #FFF; padding-top: 10px !important;}
#enlaceMacMinusCost li a{background: none; padding: 0; height: 50px;}
/***********************/

/** CuadroBlanco *******/
#cuadroblanco {float:right; width:520px; height:480px; background:url(../images/bgcuadrotexto.gif) no-repeat;
	margin:2px 40px 0px 0px; padding:20px 40px 0px 47px;}
	#cuadroblanco ul{list-style:none; margin:8px 0 8px 10px; padding:0;}
	#cuadroblanco li{background:url(../images/bgli.gif) no-repeat; background-position: 0 5px; padding-left:10px; margin:5px 0;}
	#cuadroblanco #frame{width:500px; height:240px; padding-right:15px; margin:13px 0; overflow-x:hidden; overflow-y:scroll;}
	
	#cuadroblanco .imagenes{height: 195px;}
	#cuadroblanco .growl{
	
	background-color: 		#000;
	opacity: 				.70;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
	zoom: 					1;
	width: 					200px;
	padding: 				7px;
	position: relative;
	margin: 0 auto;
	top: -120px;
	z-index: 10;
	color: #FFF;
	text-align: 			center;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	
	}
	
	.columnas{
	margin: 8px auto;  
	overflow:hidden;
	}
	
	.columnas li{
		margin: 3px 0 !important;
	}
	  
	.dos_columnas li{ 
	width:220px;  
	float:left;  
	display:inline;  
	}
	.tres_columnas li{ 
	width:30%;  
	float:left;  
	display:inline;  
	}
	.cuatro_columnas li{ 
	width:22%;  
	float:left;  
	display:inline;  
	}      
	
/*#preloader{position:relative; top:160px; left:250px; width:32px; height:32px;}*/

.info{ text-align: center; font-weight: bold; margin-top: 5px;}
#contentCuadroBlanco {}
/***********************/

/** Footer *************/
#footer{background:url(../images/footer.gif) no-repeat; height:82px; margin-top:1px;}
	#footer #logo{width:294px; height:82px; float:left;}
	#footer #titulo{float:left; text-indent: -999999px;}
	#footer #informacion{float:right; width:220px; margin-top:15px;}
	#footer #informacion p{padding:0; margin:3px 0; font-size:11px; font-weight:bold; text-align:justify;}
/***********************/

/**Videos***************/

#videos{margin: 25px 0 0 30px}
.thumbVideo {border:none;}

.white_content {display: none; position: absolute; top: 50%; left: 50%; width: 800px; height: 550px;
z-index:1002; overflow:hidden; margin-left:-400px; margin-top:-300px;}
	
	.white_content h1 {font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size:16px;
position: absolute;	left:50%; top:50%; margin-left:-310px; margin-top:-220px; width:120px;}
	.white_content a{text-decoration:none; color:#000000; font-size:15px;}
	.white_content a:hover{color:#e32c1b; text-decoration:none;}
	
	.white_content .anterior{position:absolute; top:450px; left:50px; font-size: 11px;}
	.white_content .siguiente{position:absolute; top:450px; left:670px; font-size: 11px;}
	.white_content .video {position: absolute; left:50%; top:50%; margin-left:-310px; margin-top:-180px;}
	.white_content .mapa {position: absolute; left:50%; top:50%; margin-left:-330px; margin-top:-220px;}
	.white_content #flechaCierre {position: absolute; left:50%; top:50%; margin-left:300px; margin-top:-230px;}

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index:1001;
background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
/***********************/


/** Formulario *************/
fieldset {border: 0; margin-top:30px;}

label,input {margin-bottom: 5px;}
label {background:#e32c1b; color:#FFFFFF; padding:2px 2px; width:100px; float:left;} 
input {font-size:14px; border: 1px solid #e32c1b; color: #000; width:250px;}
.fila{clear:both; margin-left:70px;}
.fila2{clear:both; text-align:right; margin-right:75px;}

textarea{font-family:Georgia, "Times New Roman", Times, serif; border: 1px solid #e32c1b; font-size: 14px; color: #000;margin-bottom: 5px; width:250px;}

.submit {background-color: #fff; border: 1px solid #e32c1b; margin:10px 0; color: #e32c1b; width:100px; font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:-0.3px; text-transform: uppercase; font-size:12px;}
/***********************/