/* Hoja de estilos comunes para 
sitio alivizatos.com
febrero 2008
 */
@import url("reset.css"); /* reset all browser styles. */

body {
	background: url(img/back.gif) repeat-y #D4E9E0 center;
}
#wrap {
	width: 804px;
	background-color: transparent;
	margin: 0 auto;
}
/* HOME - COLUMNA IZQUIERDA *********************************************/
#columna1 {
	width: 193px;
	float:left;
	margin-left: 24px !important;
	margin-left: 10px;
}	
h1.logo {
	text-indent: -100000px;
	background-image: url(img/logo.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width: 193px;
	height: 150px;
} 
#menu {
	height: 345px;
	padding-top: 32px;
	background: url(img/backgroundCol1.gif) no-repeat left top;	
}
#menu li {
	display:block;
	list-style-type:none;
}
#menu li a {
	display:block;
	height:29px;
	background:transparent url(img/menu.gif) no-repeat 0 0;
	text-indent:-9009px;
}
ul li#staff a {
	width:186px;
	background-position: 0 0;
}
ul li#patients a {
	width:186px;
	background-position: 0 -29px;
}
ul li#reservations a {
	width:186px;
	background-position: 0 -58px;
}
ul li#faqs a {
	width:186px;
	background-position: 0 -87px;
}
ul li#contact a {
	width:186px;
	background-position: 0 -116px;
}

/*     la magia de los hovers   */  
ul li#staff a:hover {
background-position: -193px 0;
}  
ul li#patients a:hover {
background-position: -193px -30px;
}  
ul li#reservations a:hover {
background-position: -193px -58px;
}  
ul li#faqs a:hover {
background-position: -193px -87px;
}  
ul li#contact a:hover {
background-position: -193px -116px;
}  

/* HOME - COLUMNA DERECHA *********************************************/

#columna2  {
	width: 562px;
	background: url(img/backgroundCont1.gif) no-repeat left top;
	float:left;
}
#galeria {
	width: 550px;
	height: 310px;
	margin-top: 55px;
	margin-left: 6px;
}
#contenido1 {
	width: 504px;
	padding-left: 46px;
	padding-bottom: 36px;
}
h2 {
	margin-top: 12px;
	margin-bottom:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #4C936F;
	text-align: right;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:16px;
	line-height:14px;*/
	color:#444444;
	margin-top: 16px;
}
h4 {
	margin-top: 36px;
	margin-bottom:24px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:22px;*/
	color: #4C936F;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:12px;
	line-height:14px;*/
	color:#444444;
	margin-top: 8px;
}
strong {
	font-weight: bold;
}
p a {
	text-decoration:none;
	color:#4C936F;
}
p a:hover {
	text-decoration: underline;
}
.questions a {
	font-family:"Times New Roman", Times, serif;
	color: #4C936F;
	text-decoration:none;
	/*line-height: 18px;
	font-size:16px;*/
}
.questions a:hover {
	text-decoration:underline;	
}
.respuesta {
	font-family:"Times New Roman", Times, serif;
	color: #4C936F;
	text-decoration:none;
	font-weight:bold;
	/*line-height: 18px;
	font-size:16px;*/
}
#video {
	padding-top: 44px !important; /* Firefox y los demás */
	*padding-top: 39px !important;  /* Sólo IE7 */
}
#video a {
	display: block;
	height: 124px;
	background:transparent url(img/watchvideo.gif) no-repeat 0 0;
	text-indent:-9009px;
}
#video a:hover {
	width:193px;
	background-position: 0 -124px;
}

/* EVENTOS *********************************************/

#events {
	padding-top: 20px !important; /* Firefox y los demás */
	*padding-top: 15px !important;  /* Sólo IE7 */
	width: 180px;
	margin-left:18px !important;
	margin-left:10px;
}
#events a {
	display: block;
	height: 84px;
	background:transparent url(img/upcomingevents.gif) no-repeat 0 0;
	text-indent:-9009px;
}
#events a:hover {
}	
#eventlist {
	width: 500px;
	background-image:url(soporte/eventos/alivizatos_april_5_08.jpg) no-repeat;
	
}

/* INFO *********************************************/

#info {
	margin-left: 26px;
}

/* SECCIONES *********************************************/

#top {
	display: block;
	height: 200px;
	width: 798px;
	margin-left: 3px;
}
#columna3 {
	width: 215px;
	margin-left: 3px !important;
	margin-left: 1px;
	background: url(img/menu2.jpg) no-repeat left top;
	float:left;
}
#columna4  {
	width: 583px;
	height: 500px; /* de por mientras */
	display: block;
	background: url(img/tab.gif) no-repeat;
	float:left;	
}
#menu2 {
	height: 345px; /* de por mientras */
	
	}
#menu2 ul {
	margin-top: 14px;

}
#menu2 li {
	display:block;
	list-style-type:none;
}
#menu2 li a {
	display:block;
	height:29px;
	margin-left:30px;
	background:transparent url(img/menu2.jpg) no-repeat 0 0;
	text-indent:-9009px;
}
#menu2 ul li#staff a {
	width:156px;
	background-position: -30px -14px;
}
#menu2 ul li#patients a {
	width:156px;
	background-position: -30px -43px;
}
#menu2 ul li#reservations a {
	width:156px;
	background-position: -30px -72px;
}
#menu2 ul li#faqs a {
	width:156px;
	background-position: -30px -101px;
}
#menu2 ul li#contact a {
	width:156px;
	background-position: -30px -130px;
}

/*     la magia de los hovers   */  

#menu2 ul li#staff a:hover {
	background-position: -245px -14px;
}  
#menu2 ul li#patients a:hover {
	background-position: -245px -43px;
}  
#menu2 ul li#reservations a:hover {
	background-position: -245px -72px;
}  
#menu2 ul li#faqs a:hover {
	background-position: -245px -101px;
}  
#menu2 ul li#contact a:hover {
	background-position: -245px -130px;
}  
#video2 {
	padding: 40px 0 30px 0;
	
}
#video2 a {
	display:block;
	height: 96px;
	width: 172px;
	margin-left:20px;
	background:transparent url(img/menu2.jpg) -20px -199px;
	text-indent:-9009px;
	
}
#video2 a:hover {
	background-position: -235px -199px;
}
/* FORMA *********************************************/

.inputforma input {
	width: 360px;
	}
.inputforma2 input {
	width: 40px;
	}	
.txtforma textarea {
	height: 64px;
	width: 360px;
	}
.send {
	margin-top:12px;
	}	
.forma {
	margin-top: 8px;
	font-family: Helvetica, Arial, sans-serif;
	/*font-size: 12px;*/
	color: #444444;
	/*line-height: 14px;*/
	text-align: left
	}
	
/* STAFF *********************************************/

.staff {
	height: 196px;
	margin-top: 16px;
	border-bottom: #999999 dotted thin;
	}
.staffpic {
	height: 136px;
	}			

h3.staffname {
	/*padding-top: 10px !important;  Firefox y los demás */
	/**padding-top: 20px !important;  Sólo IE7 */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444444;
	display: block; 
	float:left;
	width: 184px;
	}		
			
.aviso {
	background-color:#C4E2D6;
	color:#33CC33;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
	margin-top:6px;
	padding:4px;
	text-align:left;

	}
	
h2.gracias{
	text-align:left;
	margin: 0;
	
	
}
.error {
	background-color:#ca0a0a;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
	margin-top:6px;
	padding:4px;
	text-align:left;
	}
.error p {
	color: #fff;
	margin: 0
}

input.required{
	background: url(img/required.gif) no-repeat right #fff;
	
}

img.thumbEvents{
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	height:129px;
	margin:10px 10px 0 0;
	padding:5px;
	width:100px;
	
}



/* LEGAL *********************************************/

#legal {
	text-align:right;
	margin-right: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#adadac;
	padding: 20px 0 20px 0;
	
}