/*
    Document   : Styles_look.css
    Created on : 13-03-2010, 08:53:02 PM
    Author     : Fran
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.html {
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    color: #636363;
    background: #203a4b url(/images/default/background.jpg) no-repeat;

}
body {
    margin:0px;
    
}

#contenedor-home{
    width:900px;
    padding:0px;
    margin:0px auto;
}
#header-home{
    width: 900px;
    height: 116px;
    margin: 0px auto;

}
#header-home .imagen_principal{
    height:87px;
    
}
#header-home .bannerhomeheader {
 /* position: absolute;*/
  top: 10px;
  left: 0px;
}
/*////////Sidebar////////*/

.sidebar-home-left{
    background: #164861;
    padding:10px 10px 10px 10px;
    top:0px;
    width:160px;
    vertical-align: top;
    
}
.sidebar-home-right{
    background: #164861;
    padding:10px 10px 10px 10px;
    top:0px;
    width:120px;
    vertical-align: top;
}
.bloques-sidebar-left-home {
    width: 150px;
    margin: 10px 0px 10px 0px ;
    vertical-align: top;
}
.bloques-sidebar-right {
    width: 120px;
    margin: 10px 0px 10px 0px ;
    vertical-align: top;
}

/*Registro de usuario*/
.bloque-register-home {
    background: url(/images/default/regist-user.jpg) top center no-repeat;
    width: 140px;
    height: 149px;
    font-size: 11px;
    color: #fff;
    padding: 35px 5px 10px 0px;
    margin: 10px 0px 0px 0px ;
}
.bloque-register-home p{
    font-size: 10px;
    color: #fff;
    padding: 2px 5px 2px 0px;
}
.input-user-register {
    font-size: 10px;
    color: #414;
    background-color:#FFF;
    border: #000;
    border-style: solid;
    border: 1px;
    width: 60px;
    height: 18px;
    float: right;
    margin: 0px 0px 5px 3px;
    margin: 2px;


}

/*////////Contenido HOME////////*/
.contenido-principal{
   /* background: #f4f5f6;*/
    background: #fff;
    width:610px;
    padding:10px 20px 18px 35px;
}


/*:::::::TEXTOS::::::*/
h1 {
    font-size: 18px;
    color: #257ebd;
    color: #203a75;
    line-height: 18px;
    padding: 7px 0 0px 0;
    margin:0px;

}

h2 {
    font-size: 15px;
    font-weight:bold;
    color: #257ebd;
    line-height: 18px;
    margin: 0 0 4px 0;
}

h3 {
    font-size: 13px;
    font-weight:bold;
    color: #257ebd;
    line-height: 16px;
    letter-spacing:0px;
}

h4 {
    font-size: 12px;
    font-weight:bold;
    color: #474747;
    margin: 0 0 4px 0;
    line-height: 18px;
}

p {
    font-size: 11px;
    color: #474747;
    line-height: 15px;
}
a {
    color: #257ebd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
/*:::::::FIN TEXTOS::::::*/

/*::::::Footer::::::*/
.footer-home {
    background: url(/images/default/bg-footer.png) top center no-repeat;
    width: 100%;
    height:126px;
    margin: 0px;
}
.footer-contenido{
    font-size: 10px;
    color: #fff;
    padding: 10px 0px 0px 0px;
    width: 900px;
}
.footer-contenido-texto{
    font-size: 11px;
    line-height:10px;
    color: #FFFFFF;
    margin:5px 0px 0px 0px;
}
.footer-contenido-texto a {
    text-decoration: underline;
    color: #FFFFFF;

}
.footer-contenido-texto a:hover {
    text-decoration:underline;
    color: #FFFFFF;
    color: #257ebd;
}

.links-right {
	font-weight:bold;
	font-size: 12px;
        color: #257ebd;
	line-height: 15px;
	float: right;
	padding:2px 0 5px 0;
	background-color: #E5E5E5;

}
.links-right a{
   	color: #257ebd;
        text-decoration: none;
	margin: 2px 0 5px 0;
	display:block;
	padding: 2px 0 5px 0;

}
.links-right a:hover {
        text-decoration: underline;
	color: #257ebd;
}

/*Posicionar imagenes */
.img-border-float-left {
	margin: 5px 10px 0px 0px;
	border: #999 solid 2px;
	float: left;
}
.img-no-border-float-left {
	margin: 0px 10px 5px 0px;
	float: left;
}
.img-border-float-right {
	margin: 5px 10px 0px 0px;
	border: #999 solid 2px;
	float: right;
}
/*FIN Posicionar imagenes */

/*Cuadros contenido- HOME */

.section_home {
	width: 535px;
        background: url(/images/default/product_box.jpg) no-repeat ;
        background-color:#fff;
        margin: 10px 0 10px 0;
        padding:10px 0px 10px 0px;
}
.section_home p{
     padding: 0px 10px 5px 10px;
}
.section_home h1 {
     padding: 5px 10px 5px 10px;

}
.section_home h2 {
     padding: 5px 10px 5px 10px;

}
.section_home h3 {
     padding: 5px 10px 5px 10px;

}
.section_home h4 {
     padding: 5px 10px 5px 10px;
}
.product_box {
	float: left;
	width: 167px;
	padding: 5px 5px 5px 10px;
}

.product_box h2 {
	font-size: 18px;
	margin-bottom: 15px;
	padding: 2px 0;
}

.product_box p {
	margin-bottom: 15px;
}

.product_box img {
	float: left;
	padding: 2px 0px 0px 0px;
	margin-right: 5px;
}


.bt-vermas{
        background: url(/images/default/bt-ver.png) no-repeat;
	color:#134e8f;
	font-size:11px;
        padding: 3px;
        margin: 5px 0px 5px 0px;
        width: 146px;
        height: 19px;

}
.bt-vermas a{
	font-size:12px;
        color: #fff;
        padding: 0px 0px 0px 5px ;
        text-decoration: none;

       
}
.bt-vermas a:hover{
	text-decoration:underline;
        font-size:12px;
}

.titulos-linea{
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 2px solid  #d3dfe7;
    width: 535px;
    font-size: 11px;

}
.titulos-linea p{
}
.titulos-linea h1{
}
.titulos-linea h2{
}
.titulos-linea h3{
}
.titulos-linea h4{
}
.contenido-admin{
/*    background: url(/images/default/bg-contenido-texto.png) repeat-x;*/
    padding: 10px;
    font-size:12px;
    font-style:normal;
/*    border-top: 1px solid  #d3dfe7;*/
    background-color: #fff;
     width: 515px;
     margin: 0px 0px 10px 0px;

}
.contenido-admin a{
    font-size:12px;
    font-weight: bold;
    color: #096eb7;
    text-decoration: none;
}
.contenido-admin a:hover{
    font-size:12px;
    font-weight: bold;
    color: #096eb7;
    text-decoration: underline;
}
.listado-admin{
        margin:10px 0px 10px 5px;
	font-size: 11px;
	color: #333;
        padding: 2px 20px 5px 2px;
        width: 525px;
    
}
.listado-admin li{
        margin:3px 0px 3px 0px;
	list-style-type: none;
	background-position: 0px 0px;
	background: url(/images/default/li.png);
        background-repeat: no-repeat;
	font-size: 11px;
	color: #333;
        padding-left: 20px;
        line-height: 17px;

}
/*COMUNIDAD*/
.funciones-comunidad{
    width: 95%;
    padding: 3px 5px 5px 5px;
    border-bottom: 1px solid  #d3dfe7;
    margin: 3px 10px 0px 0px;
    
}
.funciones-comunidad a:hover{
    width: 515px;
    background-color:#f5fafe;
    padding: 3px 5px 5px 5px;
    border-bottom: 1px solid  #d3dfe7;
    margin: 3px 10px 0px 0px;


}
.funciones-comunidad img{
    float: left;
    margin: 5px 10px 3px 0px;

}
/*Contacto */
#formunlarioHome {
  margin: 0px 0px 10px 0px;
  border: none;
  padding: 0px 10px 10px 5px;
  font-size:12px;
  width: 400px;
}
#formunlarioHome h2 {
  margin-bottom: 10px;
  border: none;
}
#formunlarioHome .ul-contacto {
  margin: 10px 10px 20px 10px;
  /*padding: 10px 10px 20px 10px;*/
}
#formunlarioHome .li-contacto{
  /*  background: url(/images/default/lista-bol.gif) no-repeat;*/
    margin:5px 0px 0px 0px;
    list-style-type: none;
   /* background-position: 0px 3px;*/
    font-size: 11px;
    padding: 1px 0 10px 0px;
    border-bottom: 1px solid  #d3dfe7;
    
}
#formunlarioHome .li-contacto label {
    /*width: 10px;*/
      margin:5px 10px 0px 0px;
}
#formunlarioHome .input-contacto{
    background: url(/images/default/form-contacto-input.png) no-repeat;
    width: 150px;
    height: 21px;
    margin: 0px;
    border: none;
    color: #474747;
    font-size:11px;
    padding: 2px 2px 2px 5px;
    margin:5px 10px 0px 0px;
}
.textarea-contacto{
    background: url(/images/default/form-contacto-textarea.png) no-repeat;
    width: 150px;
    height: 50px;
    margin: 0px;
    border: none;
    color: #474747;
    font-size: 11px;
    padding: 2px 2px 2px 5px;
}
#formunlarioHome .button-enviar{
    width: 60px;
    height: 27px;
    background:url(/images/default/contacto-enviar-off.png) no-repeat;
    float:left;
    margin:5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    list-style-type: none;
}
#formunlarioHome .button-enviar:hover{
    width: 60px;
    height: 27px;
    background:url(/images/default/contacto-enviar-on.png) no-repeat;

}
#formunlarioHome .button-borrar{
    width: 60px;
    height: 27px;
    background:url(/images/default/contacto-borrar-off.png) no-repeat;
    float:left;
    margin:5px 2px 5px 0px;
    color: #414;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    list-style-type: none;
}
#formunlarioHome .button-borrar:hover{
    width: 60px;
    height: 27px;
    color: #414;
    background:url(/images/default/contacto-borrar-on.png) no-repeat;

}
#contactoHome {
  margin: 0px 0px 10px 0px;
  border: none;
  padding: 0px 10px 10px 5px;
  font-size:11px;
  border-left: 1px solid  #d3dfe7;
}
#contactoHome a{
  font-size:11px;
  color: #d3dfe7;
}
#contactoHome a:hover{
    text-decoration: underline; 
}
#contactoHome img {
  margin: 5px;
  border: none;
}
#contactoHome .parrafo-color {
    font-size: 12px;
    color: #257ebd;
}

/*NOTICIAS/////////////////////////*/

.noticias_box {
	float: left;
	width: 43%;
        height: 115px;
	padding: 5px 5px 5px 10px;
        /* background-color: #d7e0e9;*/
         margin: 5px 5px 5px 5px;
         border: 1px solid #d7e0e9;
}

.noticias_box h2 {
	font-size: 15px;
	margin-bottom: 15px;
	padding: 2px 0;
}

.noticias_box p {
	margin-bottom: 15px;
}

.noticias_box img {
	float: left;
	padding-top: 5px;
	margin-right: 10px;
}


.bt-descargarpdf{
        background: url(/images/default/descargarpdf.png) no-repeat;
	color:#134e8f;
	font-size:11px;
        padding: 3px 5px 3px 20px;
        margin: 5px 0px 5px 0px;
        width: 200px;
        height: 19px;

}
.bt-descargarpdf a{
	font-size:12px;
        color: #fff;
        padding: 0px 0px 0px 5px ;
        text-decoration: none;


}
.bt-descargarpdf a:hover{
	text-decoration:underline;
        font-size:12px;
}
/*fecha*/
.fecha {
 left:0px;
 background: url(/images/default/fecha-home.png) top center no-repeat;
 width:166px;
 padding: 3px 2px 2px 10px;
 margin: 10px 0px 10px 0px;
 font-family: "Calibri",Arial ,trebuchet;
 }
.fecha-small{
 width:200px;
 padding: 0px 0px 0px 5px;
 margin:5px 0px 5px 0px;
/* background-color: #e5e5e5;*/
 font-family: "Calibri",Arial ,trebuchet;
 border-bottom: 1px solid #d3dfe7;
 }
 .margen-tx{
     padding: 10px;
}
/*catalog de servicios*/
.catalogo-fechacategoria {
 background: url(/images/default/catalogo-fechacategoria.png) no-repeat;
 width:535px;
 height: 28px;
 text-align: left;
 padding: 3px 10px 2px 10px;
 margin: 10px 0px 10px 0px;
 font-weight: normal;
 font-family: "Calibri",Arial ,trebuchet;
 }
 /*personalizacions*/

.servicios-contactenos{
    background-color: #eee;
    border: 1px dotted #eee;
    margin:5px 5px 7px 10px;
}

.listado-15x15{
        margin:10px 0px 10px 5px;
	font-size: 11px;
	color: #333;
        padding: 2px 20px 5px 2px;

}
.listado-15x15 li{
        margin:3px 0px 3px 0px;
	list-style-type: none;
	background-position: 0px 0px;
	background: url(/images/default/li-15.png);
        background-repeat: no-repeat;
	font-size: 13px;
	color: #333;
        padding-left: 20px;
        line-height: 17px;

}
.servicios-contactenos h1{
    margin:1px 5px 7px 10px;
}
.servicios-contactenos h2{
    margin:1px 5px 7px 10px;
}
.servicios-contactenos h3{
    margin:1px 5px 7px 10px;
}
.servicios-contactenos p{
    margin:1px 5px 7px 10px;
}
.box-contactenos{
  /*  margin:1px 5px 7px 10px;*/
    top:0px;
    background-color: #fff;
}