/*******************
* Estilos generales
********************/

body{
  font-family:arial,Helvetica,sans-serif;
  font-size:14px;
  padding:0;
  color:#404040;
  margin:0px;
  background-color:#EEEEFF;
  line-height:20px
}



.textoayuda{
  display:block;
  color: #959595;
}

#contenedor{
  margin:auto;
  max-width:1200px;
  padding-bottom:20px;
}


#contenido{
  clear:both;
  min-height:400px;
  margin:auto;
  max-width:1200px;
  padding:0 1%;
}

img{
  border:0;
}

br{
  clear:both;
}

h3{
  
}

h2{
  color:#E0115C;
  font-weight:normal;
  margin-bottom:0;
  margin-top:0;
}

h1{
  color:#E0115C;
  margin:10px 0;
  font-weight:normal;
  line-height:30px;
  font-size:32px
}

.suave{
	color:#CCCCCC;
	}

h1.suave{
  color:#CCCCCC;
}

a{
  color: #1089B0;
}

ul {
  margin:0;
  padding-left: 1em;
  line-height: 1.4em;
}

ul li { padding-left: .2em; }

input{
  border:1px solid lightgrey;
  color:#707070;
  height:26px;
  max-width:100%;
}

input[type=checkbox]{
border:solid 0px lightgrey;
}


input.valor{
border:none;
height:auto;
}



textarea {
  border:1px solid lightgrey;
  color:#707070;
  max-width:100%;
}

td{
	font-size:13px;
	}

.expandir{
  background:transparent url(/images/expandir.gif) no-repeat scroll left center;
  cursor:pointer;
  margin:0;
  padding:0 0 0 20px;
}

.contraer{
  background:transparent url(/images/contraer.gif) no-repeat scroll left center;
  cursor:pointer;
  margin:0;
  padding:0 0 0 20px;
}

.error{
  color:red;
}


input.error{
border:solid 1px red;
color:#707070;
}

textarea.error{
border:solid 1px red;
color:#707070;
}



.ok{color:green;}

.ok.destacado {
background-color:#EEFFEE;
background-image:url(/images/ok_destacado.png);
background-position:10px 10px;
background-repeat:no-repeat;
border:1px solid #00CC00;
color:#404040;
margin-bottom:15px;
margin-top:5px;
padding-bottom:15px;
padding-left:45px;
padding-top:15px;
}

.error.destacado {
background-color:#FFEEFF;
background-image:url(/images/error_destacado.png);
background-position:10px 10px;
background-repeat:no-repeat;
border:1px solid #E0115C;
color:#404040;
margin-bottom:15px;
margin-top:5px;
padding-bottom:15px;
padding-left:45px;
padding-top:15px;
}




/*Para los titulos*/

.titulo {
border-left:1px solid #EEEEEE;
border-right:2px solid #CCCCCC;
padding:5px 0 12px 18px;
width:902px;
}

.top {
background:transparent url(/images/titulo-resultados-sup.png) no-repeat scroll left top;
height:9px;
width:926px;
}

.bottom {
background:transparent url(/images/titulo-resultados-inf.png) no-repeat scroll left top;
height:7px;
width:926px;
}


.undertitulo{
	margin-top:10px;
	margin-bottom:5px;
}

.undertitulo h2{
	font-size:17px;
	font-weight:normal;
	color:#404040
	}



/*Botones*/
.boton {
background:transparent url(/wp-content/themes/masquemedicos/images/boton_peq.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:26px;
width:85px;
font-size:13px;
}


.boton.destacado {
background:transparent url(/images/boton_big.gif) no-repeat scroll left top;
font-size:16px;
height:32px;
padding-left:7px;
padding-top:0;
text-align:center;
_padding-top:7px;
width:116px;
}



/*******************
* Cabecera
********************/

#contenedorcabecera{
  width:100%;
  margin-bottom:40px;
  background:#fff;
  border-bottom:1px solid #ccc
}


#cabecera {
    margin: auto;
    max-width: 1200px;
    overflow: hidden;
    padding: 1% 2%;
}

#cabecera img{
  max-width:100%
}

#header_info{
  margin:30px 20px 0 0;
  font-size:1.35em;
  color:#707070;
}

#header_right{
	float:right;
	}
  
#cabecera p a{
  text-decoration: none;
}

.destacado-cabecera{
  color: #1089B0;
}
	
/* Esto no es cabecera, pero pega aquí */
#semilla{
  margin:10px 0 20px 0;
  width:100%;
}


#header_user_access{
  padding-right:10px;
  padding-top:5px;
  text-align:right;	
}

#header_user_access a{
 
}


	
/**************************** 
* Pie de página 
****************************/


#pie{width:100%;background:#FAFAFA;clear:both;margin-top:15px;border-top:1px solid #ccc}
#pieenlaces{max-width:1000px;margin:auto;padding:2em 1%;line-height:2em}
#pieenlaces .titulo_enlaces{width:150px;float:left;width:20%;max-width:150px}
#pieenlaces .enlace_icono{padding-right:15px}
#pieenlaces a{display:inline-block}
#pieenlaces > div{margin-bottom:16px;overflow:hidden}
#pieenlaces i{background:url("http://st2.masquemedicos.org/images/background.png") no-repeat scroll 0 0 transparent;display:inline-block;height:15px;margin-right:5px;vertical-align:middle;width:16px;position:relative;top:-2px}
#pieenlaces #lnk-pie-co{background-position:0 -43px}
#pieenlaces #lnk-pie-es{background-position:0 -29px}
#pieenlaces #lnk-pie-mx{background-position:0 -15px}
#pieenlaces #lnk-pie-gl{background-position:0 -58px;height:17px;}
#pieenlaces #lnk-pie-blog{background-position:0 -74px}
#pieenlaces #lnk-pie-facebook{background-position:0 -89px;height:17px}
#pieenlaces #lnk-pie-twitter{background-position:0 -106px;height:17px}
#pieenlaces #lnk-pie-uservoice{background-position:0 -124px;height:17px}




/**************************** 
* Varios
****************************/

.contadorcaracteres{
  width:100%;
  float:left;
  margin-bottom:13px;
  color:#959595;
  font-style:italic;
}

#error_direccion {
color:red;
display:none;
text-align:center;
}

.aviso-publi{
font-size:0.8em;
color:#959595;
margin-bottom:6px;
}