* {margin:0; padding:0}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0px none;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline
}

html {background-color:#414141;}

a{outline:0;}
a:link, a:visited, a:active, a:hover{text-decoration:underline;}
img{border:0px none;}

input:focus, textarea:focus {background:#FFF799;}
textarea {resize: none;}

body {
	font-family:Arial; 
	font-size:13px;
}

h1 {font-size: 3.0em;}
h2 {font-size: 2.5em;}
h3 {font-size: 2.0em;}
h4 {font-size: 1.5em;text-align:justify;}
h5 {font-size: 1.2em;color: #F79F35;padding-bottom: 10px;text-align:justify;}

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;
}

p {
	margin-bottom: 10px;
	margin-left: 40px;
}



strong {
color: #3D95D3;
}

.website{
	width:900px;
	margin:auto;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

/* CONTENEDOR DE LA CABECERA, COMPUESTO POR LAS CAPAS LOGO Y LA PARTE DERECHA*/
#social_nt{
margin-top:50px;
text-align:center;
margin-right:20px;
}

#social_nt li{
	display:inline;
	margin-left:5px;	
}

#header #logo{
float:left;
height:111px;
width:451px; 
}

#logo  a { display: block; float: left }
#logo a.inicio {background: url('../image/logo.jpg') no-repeat; width: 451px; height: 111px}

	/*PARTE DERECHA DE LA CABECERA QUE ESTÁ CONSTITUIDA POR EL MENÚ DE SUBSECCIONES Y EL MENÚ DE IDIOMAS*/
#headerRight{
	float:left;
	height:111px;
	width:449px;
	background: #FFF url('../image/cabecera.jpg') no-repeat;
}

#menu{	
	padding-top:65px;
	text-align:left;
	font-weight:bold;
}

#menu a:link, #menu a:visited{ display: block; float: left; font-size:14px; color:#FFFFFF;text-decoration:none; height:20px; text-align:center;border-right:#51C7EF solid 1px; margin-right:5px; padding-right: 5px;}
#menu a:active, #menu a:hover{ display: block; float: left; font-size:14px; color: #FFA700;text-decoration:none; height:20px; text-align:center; }
#menu  a:hover{ display: block; float: left; font-size:14px; color: #FFA700;text-decoration:none; height:20px; text-align:center;}
div #header #menu li {
	display:inline;
	list-style:none;	
}

#menu #menu_item{
border-rigth:#000 solid 1px;
padding-right: 5px;
}

#menu li.actived a:link, #menu li.actived a:visited{
color: #FFA700;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

/* CONTENIDO DE CADA SUBSECCION. DIVIDIDO EN LA PARTE IZQUIERDA Y EN LA DERECHA*/
#content{
	float:left;
	background: #FFF url('../image/fondo.jpg') no-repeat;
	min-height:400px;
	width:100%
}

#contentLeft{
	float:left;
	width:502px;
}

ul {
	margin-bottom: 10px;
	margin-left: 40px;	
	font-size:11px;
}

ul li {
	list-style: square;
	text-align: justify;
	color: #4a4a4a;
	font-size:12px;	
}

#menu_servicios {
background-color:#F7F7F7;
border:1px solid #0B615E;
margin:30px 50px 0;
-moz-border-radius:5px;
}

#menu_servicios ul{
	margin-left: 0px;

	
}

#menu_servicios ul li{
border-bottom:2px dotted #DEDEDE ;
list-style:none;
text-decoration:none;
}

#menu_servicios li a{
display:block;
padding-left: 10px;
height:20px;
padding-top: 9px;
text-decoration:none;
font-size:11px;
}


/* CSS acordeón*/
.toggler  { cursor:pointer; color:#000; margin: 0; padding:5px; font-size:11px; font-family:Arial, sans-serif; }
.toggler:hover	 {  color:#AAB4BB; }
.element	 { padding:0 10px; margin-top:15px; }

#titulo_servicios{
background-color:#3B6AA0;
color:#FFFFFF;
height:20px;
padding-top:5px;
text-align:center;
font-weight:bold;
}


div.wrapper {
  padding: 10px;	
}

#contentLeft {
float:left;
}

#contentLeft .top{
	display:block;	
	text-align:center;
}

#contentLeft .top h4{
	margin: 39px 0px 0px 40px; 
}

#contentLeft #contenido {
display:block;
}

#contentLeft .left{ /* Columna izquierda de texto de la parte izquierda */
	margin-top:10px;
	width:50%;
	float:left;
}

#contentLeft .right{ /* Columna derecha de texto de la parte izquierda */
	margin-top: 10px;
	width:50%;
	float:right;
	color:#939393;
}

#contentLeft .oneCol{ /* Una columna de contenido de la parte izquierda*/
	margin-left: 40px;
}

#contentLeft_servicio {
float:left;
width:460px;
}

#contentLeft_servicio .top h4{
	margin: 39px 0px 30px 40px; 
}

#contentRight{
float:right;
width:398px;
padding-top:65px;
}

#contentRight_servicio{
float:right;
width:440px;
padding-top:65px;
}


#mosaico p{
text-align: center;
margin: 0px;
}

.pageContainer p{
	margin-left:30px;
	font-size:11px;	
	text-align:justify;  
	line-height:17px;    
	color: #4a4a4a;
	font-size:12px;
	
}

.pageContainer strong{
	font-weight:bold;
}

div.pageContainer ol {
color:#4A4A4A;
font-size:12px;
list-style-type:decimal;
margin-bottom:10px;
margin-left:70px;	
}



div.pageContainer ol li {
	text-align: justify;
	color: #4a4a4a;
	font-size:12px;	
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/


/* ESTILOS REFERENTES A FORMULARIOS DE CONTACTO */
#contentLeft_contacto{
float:left;
width:250px;
margin-top:65px;
}

#contentRight_contacto{
float:left;
width:650px;
margin-top:65px;
}
#formulario {
width: 220px;
background-color:#4b75b0;
-moz-border-radius:25px;
padding: 5px;
margin: 30px 0 0 20px;
}
div #formulario #titulo_form{

-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
background-color:#E6E8EC;
color:#FFFFFF;
font-family:Tahoma;
font-size:16px;
font-weight:bold;
margin-top:5px;
text-align:center;

}

.formulario {
margin-top: 15px;
}

.formulario fieldset{
padding: 5px 0px 10px 15px;
margin: 0 5px 0 5px;
color: #FFF;
}

.formulario legend {
padding: 5px;
}

.formulario input{
margin-bottom:10px;
}

.formulario .boton{
margin-left:30px;
margin-top:10px;
width:90px;
}

.formulario input, .formulario textarea{
width:90%;
border:0px none;
padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px
}

input.boton {
	background-color: #DEDEDE;
	border: 1px solid #FFFFFF;
	color: #000;
	cursor: pointer;
	padding: 0;
	text-align: center;
	width: 80px;
}

input.boton:hover {
	background-color: #fea700;
}

.contacto {
border: solid #e6e2e2;
background-color: #fdfdb1;
border-top-width: 1px;
border-left-width: 1px;
width:100%;
margin-top:10px;
height: 90px;
margin: 30px 0 20px 30px;	
}

#contact_dpto{
margin: 10px;
color: #4B75B0;
font-weight:bold;
}

#contact_name{
margin: 10px;
}

#contact_email{
margin: 10px;
}

#contact_email a{
color: #FFA600;
} 

#cara_1 {
float: right;
background:#4B75B0 url('../image/cara_1.jpg') no-repeat 50% 50%;
float:right;
height:75px;
width:85px;
padding-top:10px;
margin-top: 20px; margin-left:5px; margin-right:5px; margin-bottom:5px;display:none;
}
#cara_2 {
float: right;
background:#4B75B0 url('../image/cara_2.jpg') no-repeat 50% 50%;
float:right;
height:75px;
width:85px;
padding-top:10px;
margin-top: 20px; margin-left:5px; margin-right:5px; margin-bottom:5px;display:none;
}

/* ESTILOS REFERENTES A PIE DE PÁGINA */
#foot {
	float:left;
	width:900px;
	height: 55px; 
}
#foot .localizacion{
	float:left;
	width:900px;
	height: 85px;
	background: #FEA700 url('../image/pie.jpg') no-repeat; 
}

#foot .localizacion .foot_right p{
color:#FFFFFF;
float:right;
font-size:11px;
margin:15px 20px 0 0;
}

#foot .copyright p{
background-color:#414141;
color:#FFFFFF;
float:left;
font-size:11px;
font-style:italic;
font-weight:bold;
margin:5px;
}

#left_contact{
	float:left;
	width:75%;
}

#right_contact{
	float:right;
	margin-right:20px;
	margin-top:30px;
	width:128px;
	height: 128px;
	background:  url('../image/icons/map.png') no-repeat; 
}
#right_contact2{/*
float:left;
margin-left:60px;
margin-top:20px;*/
	float:right;		
	width:159px;
	height: 29px;
	background:  url('../image/donde.png') no-repeat; 
}

#premios {
display:block;
width:100%;
display:none;
}

#premios a {
padding-left:12px;
}
