body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	background-image:url(../img/bg-body.jpg);
	background-repeat:repeat-x;
}

hr{
	border:1px solid #DFE9EB;
	color:#DFE9EB;
	background-color:#DFE9EB;
}

h1{
	font-size:24px;
	display:block;
	color:#1D535F;
	margin-bottom:20px;
	padding-bottom:8px;
	width:100%;
	height:35px;
	border-bottom:1px solid #DFE9EB;
	
}

h2{
	font-size:18px;
	color:#285F6B;
	
}

h3{
	font-size:16px;
	display:block;
	color:#1D535F;
	padding-bottom:4px;
	width:100%;
	margin:0;
	height:20px;
	
}

#header{
	width:1023px;
	height:180px;
	background-image:url(../img/bg-header.png);
	background-repeat:no-repeat;
	margin:auto;
}

#header #logo{
	width:267px;
	height:171px;
	float:left;
	margin:5px 0 0 52px;
	position:absolute;
}

#header #logo img{
	border:0;
}

#header #telefono{
	width:250px;
	height:70px;
	float:right;
	margin-right:40px;
}

#header #menu{
	width:600px;
	height:30px;
	top:30px;
	position:absolute;
	margin-left: 380px;
	margin-top: 60px;
}


/* Estilos Menu Principal */


ul#topnav {  /* el menú es una lista */
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


ul#topnav li { /* cada item de la lista */
    float: left;
	font-size:18px;
	color:#FFF;
    height: 38px;
    list-style-type: none;
    margin: 0;
    overflow: hidden; /* importante */
    padding: 0;
}
  
  
ul#topnav a, ul#topnav span { /* cada item es un enlace */
    clear: both;
    height: 20px;
    line-height: 5px;
    padding: 10px 8px;
    float: left;
    color: white;
    /* propiedades de color, fonto y fuente de los textos */  
}
  

#menu li a:hover { /* efecto onmouseover sobre los enlaces */
    /* propiedades de color, fonto y fuente de los textos */  
}

/* --------------------- FIN HEADER ------------------------- */




/* Content */

#margin{
	width:1023px;
	height:auto;
	margin:auto;
}


#content{
	width:980px;
	height:auto;
	min-height:650px;
	background-image:url(../img/bg-content.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:10px 18px 20px 18px;
	float:left;	
}
	

#content #slider{ /* Contenedor del Slider Principal */
	width:635px;
	height:272px;
	float:left;
	margin:0;
	background-image:url(../img/bg-sombra-slider.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}


#content #div-noticias{ /* Contenedor de TODAS las Noticias */
	width:325px;
	height:262px;
	float:left;
	padding:5px;
	margin:0;
	margin-left:7px;
}


#content #div-noticias .noticias{ /* Icono RSS y Estilos del titulo NOTICIAS */
	font-size:20px;
	width:auto;
	height:27px;
	color:#333;
	background-image:url(../img/icon-noticias.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:5px;
}


#content #div-noticias .noticia{
	width:325px;
	height:85px;
	background-image:url(../img/bg-noticia.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top:10px;
}


#content #div-noticias .noticia .fecha{
	width:70px;
	height:17px;
	background-image:url(../img/icon-calendario.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:26px;
	padding-top:2px;
	float:right;
	margin-right:8px;
}


#content #div-noticias .noticia .texto{
	width:280px;
	height:40px;
	margin:4px 20px 0 20px;
	float:right;
	font-size:14px;
	
}

#content #div-noticias .noticia .ver-mas{
	width:70px;
	height:17px;
	margin:3px 12px 0 12px;
	float:right;
	margin-right:8px;
	color:#FFF;
	font-weight:bold;
}


#content #div-noticias .ver-noticias{
	width:234px;
	height:23px;
	margin-left:90px;
	margin-right:12px;
	margin-top:10px;
}

/* FIN NOTICIAS */


#content .div-medio{
	width:321px;
	height:450px;
	margin:1px;
	margin-top:10px;
	float:left;
}


#content .linea{
	width:3px;
	height:450px;
	background-image:url(../img/linea.jpg);
	background-repeat:no-repeat;
	float:left;
}
	
	
#content .div-medio .items{
	font-size:20px;
	width:auto;
	height:31px;
	color:#333;
	padding-left:3px;
}


#content .div-medio .items img{
	float:left;
	margin:0;
	margin-right:5px;
	margin-bottom:5px;
}


#content .div-medio span{
	width:295px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:5px;
	padding-left:5px;
	
}


#content .div-medio .items .titulo{
	width:auto;
	height:22px;
	padding-top:5px;
	float:left;
}

#content .div-medio .items .titulo h1{
	font-size:20px;
	color:#333;
	border:0;
	font-weight:100;
	display:inline;
	margin:0;
}



#content .div-medio .servicios{
	width:315px;
	height:60px;
	margin:4px;
	margin-top:10px;
	margin-bottom:12px;
}

#content .div-medio .servicios:hover{
	background-color:#F0F5F7;
}


#content .div-medio .servicios img{
	float:left;
	margin-right:10px;
}


#content .div-medio .servicios .titulo{
	width:235px;
	float:left;
	font-weight:800;
	font-size:16px;
	color:#333;
	margin:0;
}

#content .div-medio .servicios .titulo h2 a{
	font-size:16px;
	color:#333;
	font-weight:800;
	display:inline;
	margin:0;
}


#content .div-medio .servicios p{
	width:222px;
	height:35px;
	float:left;
}


#content .div-medio .ver-mas{
	width:auto;
	height:23px;
	float:right;
	margin-right:15px;
	margin-top:20px;
}

#content .div-medio .ver-mas-portfolio{
	width:auto;
	height:23px;
	float:right;
	margin-right:15px;
	margin-top:82px;
}


/* --------------------- FIN CONTENT ------------------------- */






/* Footer */

#footer{
	width:100%;
	height:145px;
	background-image:url(../img/bg-footer.jpg);
	background-repeat:repeat-x;
	clear:both;
}

#footer #cont-footer{
	width:1000px;
	height:120px;
	margin:auto;
	padding-top:25px;
	background-image:url(../img/bg-cont-footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


/* Formas de Contacto */

#footer #cont-footer #contacto{
	width:290px;
	height:75px;
	float:left;
}

#footer #cont-footer #contacto img{
	float:left;
}

#footer #cont-footer #contacto ul{
	margin-left:20px;
	margin-top:12px;
	float:left;
}

#footer #cont-footer #contacto ul li{
	list-style:square;
}
	
/* Redes Sociales */
	
#footer #cont-footer #redes-sociales{
	width:285px;
	height:58px;
	margin-top:15px;
	float:right;

}

#footer #cont-footer #redes-sociales .seguinos{
	width:150px;
	height:36px;
	background-image:url(../img/bg-seguinos.png);
	background-repeat:no-repeat;
	color:#328FC3;
	font-size:16px;
	font-weight:500;
	padding-top:8px;
	padding-left:15px;
	float:left;
	margin-top:8px;
}

#footer #cont-footer #redes-sociales .redes{
	width:52px;
	height:52px;
	margin:3px;
	float:left;
}

/* Copyright */

#footer #cont-footer #copy{
	width:280px;
	height:25px;
	float:left;
	padding-left:60px;
	padding-top:12px;
	margin-left:35px;
	margin-top:80px;
	color:#FFF;
	font-weight:bold;
}

#footer #cont-footer #copy a{
	color:#FFF;
	text-decoration:none;
}

#footer #cont-footer #copy a:hover{
	color:#F5F5F5;
	text-decoration:none;
}

/* --------------------- FIN FOOTER ------------------------- */


/* --------------------- INDEX SERVICIOS ------------------------- */

.div-servicio{
	width:970px;
	height:70px;
	float:left;
	padding-bottom:8px;
	margin-bottom:35px;
	border-bottom:1px solid #DFE9EB;
	padding:3px;
}

.div-servicio:hover{
	background-color:#F0F5F7;
}

.div-servicio h2 a{
	color:#285F6B;
}
	

.div-servicio img{
	float:left;
	margin-right:10px;
}

.div-servicio .mas-servicio{
	float:right;
	padding:2px;
	background-color:#4D8795;
	margin-right:15px;
}


.div-servicio .mas-servicio:hover{
	background-color:#5C98A7;
	color:#FFF;
}

/* --------------------- SERVICIOS/index de cada uno ------------------------- */

.cada-servicio{
	width:980px;
	height:auto;
	padding:3px;
	float:left;
}

.cada-servicio img{
	float:left;
	margin:5px;
}

.cada-servicio span{
	margin:8px;
	margin-top:12px;
	display:block;
	padding:5px;
}

.cada-servicio ul{
	margin-left:50px;
	margin:15px;
	padding:10px;
	display:block;
	height:auto;
	float:left;
	width:940px;
	height:auto;
}

.cada-servicio ul li{
	margin-left:50px;
	margin:10px;
	list-style-type:square;
}


.cada-servicio ul li a{
	color:#0F6071;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}


.cada-servicio ul li a:hover{
	color:#86D1E8;
	text-decoration:none;
}


.ultimos-links{
	width:400px;
	height:40px;
	margin-left:580px;
	float:left;
}



.ultimos-links .volver-servicios a{
	width:auto;
	height:auto;
	float:left;
	margin:10px;
	padding:3px;
	background-color:#4D8795;
}
	
.ultimos-links .volver-servicios a:hover{	
	background-color:#5C98A7;
	color:#FFF;
}


.ultimos-links .consulta a{
	width:auto;
	height:auto;
	float:left;
	margin:10px;
	padding:3px;
	background-color:#F60;
}
	
.ultimos-links .consulta a:hover{	
	background-color:#FF9664;
	color:#FFF;
}

/* --------------------- index CONTACTO ------------------------- */

#form-contacto{
	float:left;
	width:483px;
	height:650px;
	margin-left:5px;
}

#otras-formas-contacto{
	width:455px;
	height:508px;
	float:left;
	padding-left:15px;
	padding-top:5px;
	background-image:url(../img/bg-contacto.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#otras-formas-contacto p{
	width:400px;
	height:20px;
	padding:5px;
	padding-left:15px;
	font-size:14px;
	font-weight:100;
	color:#333;
	margin-left:20px;
}
#otras-formas-contacto p strong{
	color:#1D535F;
	font-weight:bold;
}


#contesta{
	width:400px;
	height:30px;
	margin:auto;
	float:left;
	margin-left:40px;
	margin-top:15px;
}


/* Estilos Formulario de Contacto */


#contact-wrapper {
	width:441px;
	height:470px;
	border:1px solid #e2e2e2;
	background:#DFE9EB;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border:1px #A2BDC4 solid;
	background-color:#F7FAFB;
	padding:5px;
	font-size:16px;
	color:#333;
}

form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border:1px #A2BDC4 solid;
	background-color:#F7FAFB;
}



/* --------------------- Index NOTICIAS ------------------------- */

#noticias{
	width:960px;
	height:auto;
	float:left;
	margin:5px;
	padding:5px;
}


#noticias  p.fecha{
	padding: 0px;
	margin-top: 15px;
	font-size: 10px;
	float: left;
}
#noticias  h1.titulo{
	font-weight: 100;
	padding: 0px;
	margin-bottom: 5px;
	float: left;
}

#noticias .megusta {
	float: left;
}

#noticias .single{
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 20px;
}
#noticias p.otras{
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	color: black;
	font-size: 16px;
	font-weight: 100;
	text-decoration: underline;
	margin-top: 20px;
}
#noticias h2 a{
	font-size: 12px;
	color: black;
	margin-bottom: 10px;
}
#noticias h2 a:hover{
	color: gray;
	}
#noticias .single img{
	float: left;
	padding: 5px;
	margin: 5px 5px 0px 0px;
	border: 1px solid silver;
}
#noticias .single p.texto{
	padding-left: 0px;
	margin: 0px;
	font-size: 14px;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}





/* --------------------- Index FAQ ------------------------- */

#faq-preguntas{
	width:970px;
	height:300px;
	margin:5px;
	margin-top:50px;
	margin-bottom:200px;
	font-size:14px;
	background-image:url(../img/bg-faq.png);
	background-position:right;
	margin-right:25px;
	background-repeat:no-repeat;
}

#faq-preguntas ol{
	float:left;
	margin-left:45px;
}

#faq-preguntas ol li{
	margin:10px;
}

#faq-preguntas ol li a{
	color:#1D535F;
	text-decoration:underline;
}

#faq-preguntas ol li a:hover{
	color:#009EEA;
	text-decoration:none;
}

#faq-respuestas{
	width:970px;
	height:auto;
	margin:5px;
}

#faq-respuestas p{
	width:945px;
	height:auto;
	padding:15px;
	font-size:16px;
	margin:0 5px 5px 0;
	background-color:#F1F7F8;
	margin-bottom:100px;
	border-top:1px solid #DFE9EB;
}

#faq-respuestas .top a{
	color:#1D535F;
	width:970px;
	height:16px;
	background-color:#DFE9EB;
	padding:3px;
	margin-left:870px;
	text-decoration:none;
}

#faq-respuestas .top a:hover{
	text-decoration:none;
	color:#009EEA;
}




/* MSN ONLINE */

#msn{
	position:fixed;
	width:153px;
	height:133px;
	right:3px;
	bottom:3px;
	background-image:url(../img/msn.png);
	background-repeat:no-repeat;
}

#msn .online{
	width:102px;
	height:34px;
	margin-top:40px;
	margin-left:20px;
}


.limpiar {
	clear: both;
}