@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sitio: ClinImagen Tenerife	 								 		 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira | Blue Comunicación Visual    			 //
// @Fecha: 13 Enero 2009												 //
// Descripción: Archivo de Estilos Estructurales CSS					 //
/////////////////////////////////////////////////////////////////////////*/

@import url("globals.css");
/* Main Container */
.main-container {
	width:770px;
	margin:0 auto;
	height:100%;
	padding:0;
	overflow:hidden;
}

/* Header  */
.header {
	margin: 0;
	padding:0;
	width:770px;
	height:200px;
}

#logo {
	float:left;
	width:198px;
	height:204px;
	margin:0px;
	padding:0px;
	background:url(../images/clinimagen.gif) no-repeat top center;
}

#logo-ext  {
	float:left;
	width:198px;
	height:297px;
	margin:47px 0 0 0;
	padding:0px;
	background:url(../images/clinimagen-logo-ext.gif) no-repeat top center;
}

#logo span, #logo-ext span, .sub-menu span, .sub-menu-ext span {
	display:none;
}

/* Top Menu */ 
.menu {
	float:left;
	text-align:right;
	color:#FFF;
	width:572px;
	margin:25px 0 5px 0;
	padding:0px;
}

.menu a{
	font-size:0.97em;
	color:#FFF;
	text-decoration:none;
}

.menu a:hover, .menu #menuactivo {
	color:#00497f;
}

/* Sub Menu Vertical */

.sub-menu, .sub-menu-ext{
	float:left;
	width:90px;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
}

sub-menu li, .sub-menu-ext li{
	display:table-cell;
}

/* Externo */

.sub-menu-ext #plastica a {
	float:left;
	display:block;
	width:23px;
	height:297px;
	background: url(../images/cirugia-plastica-ext.gif) no-repeat top left;
}

.sub-menu-ext #oral a {
	float:left;
	display:block;
	width:23px;
	height:297px;
	background: url(../images/oral-maxilofacial-ext.gif) no-repeat top left;
}

.sub-menu-ext #estetica a {
	float:left;
	display:block;
	width:23px;
	height:297px;
	background: url(../images/medica-estetica-ext.gif) no-repeat top left;
}

.sub-menu-ext #clinimagen a {
	float:left;
	display:block;
	width:23px;
	height:297px;
	background: url(../images/clinimagen-ext.gif) no-repeat top left;
}


/* Interno */

.sub-menu #plastica a {
	float:left;
	display:block;
	width:20px;
	height:157px;
	background: url(../images/cirugia-plastica-int.gif) no-repeat top left;
}

.sub-menu #oral a {
	float:left;
	display:block;
	width:23px;
	height:157px;
	background: url(../images/oral-maxilofacial-int.gif) no-repeat top left;
}

.sub-menu #estetica a {
	float:left;
	display:block;
	width:23px;
	height:157px;
	background: url(../images/medica-estetica-int.gif) no-repeat top left;
}

.sub-menu #clinimagen a {
	float:left;
	display:block;
	width:23px;
	height:157px;
	background: url(../images/clinimagen-int.gif) no-repeat top left;
}

.sub-menu #noticias a {
	float:left;
	display:block;
	width:23px;
	height:157px;
	background: url(../images/noticias-int.gif) no-repeat top left;
}

.element {
	float:left;
	width: 478px;
	margin:0 0 0 4px;
	padding:0 0 5px 0;
	height:150px;
	border-bottom:2px solid white;
}

.element-ext {
	float:left;
	width: 478px;
	margin:0 0 0 4px;
	padding:0 0 5px 0;
	height:290px;
	border-bottom:2px solid white;
}


/* Contenido Generico */

.menu-generico {
	clear: both;
	float: left;
	width: 174px;
	background-image:url(../images/color_fondoazul.gif);
	margin: 4px 4px -32758px 0;
	padding: 30px 20px 32768px 0;
	text-align: right;
	overflow:hidden;
}

.contenido-generico {
	float: left;
	width: 462px;
	background: #e4e4e0 url(../images/cuadros.gif) no-repeat top left;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 110px;
	height: auto;
}

/* Contenedores Externos */
.menu-ext {
	clear: both;
	float: left;
	width: 267px;
	height: auto;
	background:url(../images/cuadros.gif) no-repeat right top;
	margin: 4px 4px -32758px 0;
	padding: 30px 20px 32768px 0;
	text-align: right;
}
.contenido-menu {
	float: left;
	width: 479px;
	height: auto;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 0;
}

/* Clinimagen */
.menu-clinimagen {
	clear: both;
	float: left;
	width: 267px;
	height: auto;
	background:#446584 url(../images/cuadros.gif) no-repeat right top;
	margin: 4px 4px -32758px 0;
	padding: 30px 20px 32768px 0;
	text-align: right;
}
.contenido-clinimagen {
	float: left;
	width: 459px;
	height: auto;
	background: #e4e4e0;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 20px;
}

#textos-clinimagen{
	width: auto;
	margin: 0 40px 0 23px;
}
	
/* Menu Categorias */

.menu-categoria {
	list-style: none;
	display:block;
	padding:0;
	margin:15px 0 0 0;
}

.menu-categoria li, .menu-categoria li li{
	margin: 0px 0 10px 0;
	display:block;
	width:auto;
	padding:0 0 0 2px;
	font-size:11px;
	list-style:none;
	color:#EFECEA;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	}
	
.menu-categoria a{
	color:#EFECEA;
	text-transform: uppercase;
	text-decoration:none;
	}
	
.menu-categoria #menu1:link{
	color:#446584;
	text-decoration:none;
	text-transform:none;
	}
	
.menu-categoria #menu2 {
	color:#fcfcfc;
	text-decoration: none;
	text-transform: none;
}

.menu-categoria #menu3 {
	color:#fcfcfc;
	text-decoration: none;
	text-transform: none;
}

.menu-categoria #menu1:hover, .menu-categoria #menu2:hover, .menu-categoria #menu3:hover, .menu-categoria #menu1:visited{
	color:#FFF;
	}


/* Elementos Dinamicos */

/* 1 = Cirugia Plastica */
.menu-1 {
	clear: both;
	float: left;
	width: 198px;
	height: auto;
	background:#88a3b8;
	margin: 5px 5px -32758px 0;
	padding: 10px 20px 32768px 0;
	text-align: right;
}

.contenido-1 {
	float: left;
	width: 460px;
	height: inherit;
	background: #EFECEA url(../images/bc-1.gif) no-repeat left top;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 87px;
}
	
#textos-1{
	width: auto;
	margin: 0 40px 0 -40px;
}
	
/* 2 = Oral y Maxilofacial */

.menu-2 {
	clear: both;
	float: left;
	width: 222px;
	height: 100%;
	background:#7892ab url(../images/bm-2.gif) no-repeat top right;
	margin: 4px 4px -32758px 0;
	padding: 20px 20px 32768px 0;
	text-align: right;
}

.contenido-2 {
	float: left;
	width: 460px;
	height: inherit;
	background: #EFECEA url(../images/bc-2.gif) no-repeat left top;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 64px;
}

#textos-2{
	width: auto;
	margin: 0 40px 0 -20px;
}

/* 3 = Medicina Estetica */

.menu-3 {
	clear: both;
	float: left;
	width: 245px;
	height: 100%;
	background:#5f7b91 url(../images/bm-3.gif) no-repeat top right;
	margin: 4px 4px -32758px 0;
	padding: 20px 20px 32768px 0;
	text-align: right;
}

#textos-3{
	width: auto;
	margin: 0 40px 0 0;
}

.contenido-3 {
	float: left;
	width: 460px;
	height: inherit;
	background: #EFECEA url(../images/bc-3.gif) no-repeat left top;
	margin: 4px 0 -32758px 0;
	padding: 0 0 32768px 40px;
}

h1 span {
	font-size: 0.9em;
	font-weight: lighter;
}


/* Noticias */
#show-noticias {
	float: left;
	width: 280px;
	height: inherit;
	margin: 0 30px 0 -63px;
}
.list-noticias {
	float: left;
	width: 180px;
	height: inherit;
	margin: 0 30px 0 0;
}
.noticia {
	width:inherit;
	margin:10px 0;
	padding: 10px 0;
	border-bottom:1px solid #797A7D;
}
.noticia a, #paginator a {
	text-decoration:none;
	color:#6D86AA;
}
.noticia a:hover, #paginator a:hover {
	color:#333;
}

/* Sub Menu Clinimagen */
.submenu-clinimagen {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}

.submenu-clinimagen li {
	margin:2px 0;
	border-bottom:1px solid #CCC;
}

.submenu-clinimagen a {
	color:#88a3b8;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 11px;
}
.submenu-clinimagen a:hover, .submenu-clinimagen #active a {
	color:#FFF;
}

/* Formulario */

.formmail {
	margin:10px auto;
	color:#58595B;
	font-size:0.9em;
}

.formmail input, .formmail textarea {
	width:190px;
	margin:1px 0;
	padding:2px;
	height:auto;
	border:1px solid #CCC;
}

.formmail #send, .formmail #cancel {
	width:auto;
	height:auto;
	padding:5px 10px;
	float:right;
	margin:0 0 0 10px;
}

.formmail textarea {
	height:70px;
}

/* Preguntas Frecuentes */

.respuesta {
	width:100%;
	margin:0 auto;
	padding:3px 0;
	border-bottom:1px solid #CCC;
}

/* Footer */
.footer {
	width:760px;
	height:auto;
	padding:5px;
	background:#FFF;
	margin:10px 0 0 0;
	text-align: right;
	color:#CCC;
	font-size:12px;
	margin:4px auto;
}
.footer a {
	text-decoration: none;
	color: #CCC;
}
.footer a:hover {
	text-decoration: none;
	color:#5A6F8E;
}
	
/* Textos PHTML */
.textos-phtml{
	width:400px;
	margin: 0 40px;
	}