@charset "utf-8";
/* CSS Document */

body { 	margin:0;  	padding:0; 	color:#999;	 font-size:12px;  font-family:"Century Gothic"; }

a:link, a:visited { text-decoration: none;  color:#888; }
a:active { text-decoration: none; }
label {color:#999; display:inline; font:"Century Gothic";}
h2 {color:#039; font-family:"Century Gothic";}

::-webkit-input-placeholder {color: #BBBBBB;}
:-moz-placeholder { color: #BBBBBB; } /* Firefox 18- */
::-moz-placeholder { color: #BBBBBB; } /* Firefox 19+ */
:-ms-input-placeholder { color: #BBBBBB; }

#MainDiv {
	margin:auto;
	width:980px;
	min-height:235px;
	margin:-15px auto;
	text-align:center;
	border-radius:10px;   
	-moz-border-radius:10px; /* Firefox */ 
}

#LateralDiv {
	display:inline-block;
	margin-right:4px;
	float:left;
	width:158px;
	height:auto;
	padding:15px 10px 0px 10px;
	text-align:left;
	box-shadow: 2px 2px 30px #999;
	-moz-box-shadow: 2px 2px 30px #999; 
	background-color:#252017;
	opacity:0.95;
	border-radius:10px;   
	-moz-border-radius:10px; /* Firefox */ 
}
#LateralDiv input {border-radius:15px; -moz-border-radius:15px; color:#666; padding:2px 0 2px 8px; font-size:11px;}

#BusquedaDiv {
	width:960px;
	height:20px;
	margin:auto;
	margin-top:-320px;
	margin-bottom:5px;
	padding:5px 10px 5px 10px;
	text-align:left;
	box-shadow: 2px 2px 30px #999;
	-moz-box-shadow: 2px 2px 30px #999; 
	background-color:#252017;
	opacity:0.95;
	border-radius:10px;   
	-moz-border-radius:10px; /* Firefox */ 
}
#BusquedaDiv input {border-radius:15px; -moz-border-radius:15px; color:#666; padding:2px 0 2px 8px; font-size:11px;}

#CentralDiv {
	display:inline-block;
	width:777px;
	min-height:285px;
	padding:0px 10px 10px 10px;
	text-align:left;
	box-shadow: 2px 2px 30px #999;
	-moz-box-shadow: 2px 2px 30px #999; 
	background-color:#FFF;
	border-radius:10px;   
	-moz-border-radius:10px; /* Firefox */ 
}

#TopDiv {
	width:980px;
	height:30px;
	background:#FFF;
	text-align:center;
	margin:auto;
	color:#333;
	font-family:Verdana;
	font-size:12px;
}

#BannerDiv {
	width:980px;
	height:160px;
	margin:auto;
	text-align:center;
	background:#FFF;
	box-shadow: 0px 4px 10px #999;
	-moz-box-shadow: 2px 2px 10px #999;
	border-radius:0 0 10px 10px ; 
	-moz-border-radius:0 0 10px 10px ; /* Firefox */
	z-index:-9;
}

#MenuDiv {
	width:770px;
	padding:0;
	float:right;
}
#MenuDiv img{border:none; margin:0 0 0 10px;}
#MenuDiv a:hover {border-bottom:2px solid #CCC; opacity:0.8;}

#Login .active { height:inherit; background:none;  color:#666; position:static;}
#Login input { width:135px; padding:2px 8px 2px 8px; border-radius:10px ; -moz-border-radius:10px; }
#Logout a { height:auto; color:#666; font-style:italic; font-size:12px; font-weight:normal;}
#Logout a:hover { height:auto; background:none; font-weight:bold; color:#000; position:static; border:none;}


#Fotos {
	width:100%;
	height:350px;
	background-color:#DEDA00;
	margin:-15px 0 0 0;
	z-index:-10;
	position:relative;
}

#FooterDiv {
	width:100%;
	height:auto;
	position:absolute;	
	text-align:center;
	font-weight:bold;
	background:#252017;
	opacity:0.95;
	color:#B2AE9C;
	margin-top:20px;
}
#FooterDiv li { border-bottom:1px dotted; font-size:13px; font-family:"Lucida Sans Unicode"; line-height:30px;}
#FooterDiv a:hover { color:#FFF; }
#Footer_compania:hover {background:#000;  border-radius:10px;  -moz-border-radius:10px;}
#Footer_compania a {width:90px; display:block;}
#Footer_servicios:hover {background:#000;  border-radius:10px;  -moz-border-radius:10px;}
#Footer_servicios a {width:249px; display:block;}
#Footer_redes img {border:none;}
#Footer_redes:hover {background:#000;  border-radius:10px;  -moz-border-radius:10px;}
#Footer_redes a {width:90px; display:block;}

#SocialMedia {
	float:right;
	width:180px;
	margin:5px 10px 0 0;
	opacity:0.8;
	display:inline-table;
}
#SocialMedia img { margin-right:15px; border:0; }
#SocialMedia:hover { opacity:1; }

#RegistroDiv {
	width:730px;
	padding-right:20px;
	border:2px solid;
	display:inline-block;
	margin:15px 0 10px 10px;	
	text-align:left;
	font-size:13px;
	background:#FFC;
}
#RegistroDiv input {line-height:30px; border-radius:5px; -moz-border-radius:5px; height:20px; width:200px; margin-bottom:10px; padding:0 10px 5px 10px; font-size:12px;}
#RegistroDiv select {line-height:30px; border-radius:5px; -moz-border-radius:5px; height:30px; font-size:12px;}
#RegistroDiv ul li {line-height:39px; list-style:none; font-weight:bold;}

#proceso td {font-size:11px; color:#666;}
#proceso img {border:none;} 
#proceso input {padding:0 0 0 3px;} 

.td_tittle {height:23px; font-weight:bold; text-align:center; background:#CCC; border:1px solid #666;}
#tabla {width:960px; text-align:left; margin:auto}
#tabla td {padding:3px 5px 3px 5px; width:auto; border:1px solid;}

input.error, textarea.error, select.error{
	border-color:#F00;
	background-color: red;
}

input.active, textarea.active { border:2px solid #143045;}

.requisites{
	display:none;
	font-size:10px;
}
.requisites.error{
	display:inline;
	margin:7px 0 0 10px;
	font-style:italic;
	color: #C00;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip div {
    display:none; padding:14px 20px;
    margin-top:-527px; margin-left:-260px;
    width:640px; line-height:16px;
}
a.tooltip:hover div{
    display:block;
	position:absolute; 
    border:2px solid #FFF;
	color:#EEE;
    background:#000;
}
.callout {z-index:0;position:absolute;border:0;top:508px;left:235px;}
    
/*CSS3 extras*/
a.tooltip div
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;
}