/* ESTILOS DE LA WEB "IMPLANTOLOGÍA ORAL" */



/* BASICOS + ENCABEZADOS */

*{

margin:0;

padding:0;

}



body{

	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;

	font-size:12px;

	margin:0;

	padding:0;

	text-align:left;

	background-color:#fff;

	color:#203b5a;

	}



p{



	}



A:link,A:hover,A:visited,A:active {

	color:#333333;

	text-decoration:none;

	}

	

H1{

	



	}

	

H2{

	font: 140% "Trebuchet MS";

	font-weight:bold;

	color:#333;

	}

	

H3{color:#2e4766;

	font-size:15px;

	font-weight:normal;

	}

h3#matriculacion{

	background:transparent url(../img/matriculacion_curso.gif) no-repeat 0 12px;

	text-indent:-10000px;

	

}

h3#direccion{

background:transparent url(../img/direccion_curso.gif) no-repeat 20px 0;

	text-indent:-10000px;

	

}

h3#fechas{

background:transparent url(../img/fechas_curso.gif) no-repeat 20px 0;

	text-indent:-10000px;

}

h3#datos{

display:block;

	width:104px;

	height:15px;

background:transparent url(../img/datos_curso.gif) no-repeat 0 11px;

	text-indent:-10000px;

}



h3#directores{

display:block;

	width:140px;

	height:17px;

background:transparent url(../img/directores_curso.gif) no-repeat -2px 11px;

	text-indent:-10000px;

}



h3#alumnos{

display:block;

	width:140px;

	height:17px;

	background:transparent url(../img/alumnos_curso.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}





h3#procede{

display:block;

	width:326px;

	height:16px;

	background:transparent url(../img/procedencia_tit.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}

h3#profesorado{

display:block;

	width:80px;

	height:15px;

	background:transparent url(../img/profesorado_curso.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}



h3#matricula{

display:block;

	width:64px;

	height:15px;

	background:transparent url(../img/matricula_curso.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}



h3#programa{

display:block;

	width:137px;

	height:16px;

	background:transparent url(../img/programa_curso.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}



h3#docencia{

	display:block;

	width:211px;

	height:33px;

	background:transparent url(../img/participacion_docencia.gif) no-repeat 0 12px;

	text-indent:-10000px;

	

}



h3#quienes{

	background:transparent url(../img/quienes_somos.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}



h3#impladent{

	background:transparent url(../img/convenio_impladent.gif) no-repeat 0 13px;

	text-indent:-10000px;

	

}



h3#nobel{

	background:transparent url(../img/convenio_nobel.gif) no-repeat 0 11px;

	text-indent:-10000px;

	

}



h3#cursos{

	display:block;

	width:434px;

	height:31px;

	background:transparent url(../img/cursos_conf.gif) no-repeat 0 13px;

	text-indent:-10000px;

	margin:0 0 -20px 0;

}



h3#premios{

	background:transparent url(../img/premios.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#tesis{

	background:transparent url(../img/tesis.gif) no-repeat 0 13px;

	text-indent:-10000px;

	margin: 0 0 -10px 0;



}



h3#notic{

	background:transparent url(../img/noticias.gif) no-repeat 0 13px;

	text-indent:-10000px;

	margin:0 0 -16px 0;

}



h3#secib{

	background:transparent url(../img/secib_tit.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#atapu{

	background:transparent url(../img/atapuerca_tit.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#cirugia{

	background:transparent url(../img/cirugiaonline.gif) no-repeat 0 13px;

	text-indent:-10000px;

	margin:0 0 -16px 0;

}



h3#contact{

	background:transparent url(../img/formulario.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#album{

	background:transparent url(../img/albrum.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#univ{

	display:block;

	width:276px;

	height:17px;

	background:transparent url(../img/univ_tit.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#facultade{

	display:block;

	width:251px;

	height:15px;

	background:transparent url(../img/facult_tit.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



h3#introcurso{

	display:block;

	width:166px;

	height:17px;

	background:transparent url(../img/curso_tit.gif) no-repeat 0 13px;

	text-indent:-10000px;

}



H4{

	font: 120% "Trebuchet MS", sans-serif;

	font-weight:bold;

	margin-bottom:15px;

	}

H5{font: 100% "Trebuchet MS", sans-serif;

	font-weight:bold;

	color:#4D6B85;}

H6{}

H7{}

 UL{}



/* ------- El truco del almendruco para mozilla  ----- */



.contenido{

	z-index:1;

	min-height:650px;

	height:auto !important;

 	height:650px;

	}	

	

.contenido2{

	z-index:1;

	min-height:550px;

	height:auto !important;

	_margin-bottom:25px;

 	/*height:550px;*/

	}



/* ----- El truco del almendruco para explorer ------  */



.contenido[class]{

	z-index:1;

	min-height:650px;

	height:auto !important;

	height:650px;

	}

	

/* CUADROS PRINCIPALES DE LA WEB */



#contedor{

width:100%;



}



	

#cabeceira{

	height:95px;

	

	}

#cabeceira h1, cabeceira h1 a {

display:block;

height:95px;

width:150px;

background:transparent url(../img/logo_usc.gif) no-repeat 45px 15px;

text-indent:-10000px;

}







#esquerda{

	position:absolute;

	width:190px;

	top:95px;

	left:0;

	}

	



#puzzle{

	height:339px;

	width:190px;

	background:#203a5b url(../img/puzzle.png) no-repeat center center;

	}

	

	

#centro{

margin-left:197px;

width:455px;

}



#centro p{

width:380px;

text-align:left;

}





#flash{

	height:339px;

	width:450px;

	background:#203A5B;

	

	}

#contido{

	background:transparent url(../img/puntos_contido.gif) repeat-y top right;

}



#contido h3{

	padding-top:20px;}



#contido p {

	padding-right:10px;

	margin-top:5px;

	margin-bottom:15px;}

	

#contido ul{

	font-size:11px;

	margin:15px 0px 15px 15px;

	}



	#contido li{

	list-style-image: url(../img/bullet_black.gif) ;

	margin:0px 0px 15px 15px;

	}





#dereita{

position: absolute;

	right:0;

	left:652px;

	}

	

#curso{

	height:93px;

	background:#203a5b url(../img/curso.png) no-repeat 15px center;

	margin-bottom:7px;

	margin-left:2px;

	

	}

#curso h2 {

		visibility:hidden;

		text-indent:-10000px;

}

	

#navegacion{

	height:239px;

	background-color:#b3cc00;

	color:#fff;

	margin-left:2px;

}



#navegacion p{

	padding:35px 0 0 20px;

}



#navegacion ul{

	padding:13px 0 0 0;

	list-style:none;

	}



#navegacion li {

	line-height:18px;

	font-weight:bold;

	

	}

	

#navegacion li a, #navegacion li a:visited {

	color:#fff;

	text-decoration:none;

	padding: 0 0 0 20px;

	}

	

#navegacion li a:hover{

background:transparent url(../img/bullet.gif) no-repeat 10px 50%;

}



#navegacion ul.sub {

	padding:1px 0 1px 5px;

	list-style:none;

	font-size:10px;

	font-weight: normal;

	}

	

#contido_dereita h3{

	margin-bottom:15px;

	margin-top:22px;}

		

#contido_dereita h3, #contido_dereita p {

	padding-left:23px;

}



/* -----Clases ------ */



.activada{

background:transparent url(../img/bullet.gif) no-repeat 10px 50%;

}



.separador{

	height:5px;

	background:transparent url(../img/separador.gif) no-repeat 0 50% ;

	margin-bottom:15px;

	margin-top:10px;

	margin-left:23px;}

	

.separador2{

	height:5px;

	margin-bottom:15px;

	margin-top:10px;

	margin-left:23px;}

	

.separador3{

	height:5px;

	margin-bottom:8px;

	margin-top:10px;

	margin-left:23px;}



.separafooter{

	clear:both;

	margin-left:197px;

	height:5px;

	background:transparent url(../img/separafooter.gif) no-repeat 0 50% ;

	margin-bottom:10px;

	margin-top:2px;

	

}

	

#footer p{



font-weight:bold;

padding-left:570px;

margin-bottom:15px;

	

	}



#footer p a, #footer p a:visited {

 color:#203b5a;

 text-decoration:none;

 }



#footer p a:hover {

color:#b3cc00;

}



.separapuntos {

	height:5px;

	margin-top:20px;

	margin-bottom:10px;

	background: transparent url(../img/fondo_puntos.gif) repeat-x 0 50%;

}



.separadereita {

	height:5px;

	margin-top:20px;

	margin-bottom:10px;

	background: transparent url(../img/separadereita.gif) no-repeat 0 50%;

}

.pdf{

padding-left:20px;

background: transparent url(../img/word.gif) no-repeat 0 50%;}



.imaxedecontido{

	border:1px solid #000;

	padding:4px;

	margin:0 10px 0 0;



}

.imaxedecontido2{

	border:1px solid #999;

	padding:5px;

	margin:10px 10px 0 0;

	width:80px;
	height:80px;


}

.portafotos {

float:left;

width:125px;

text-align:center;

padding:5PX;

margin:5px;

border:1px solid #203a5b;

}







/* ------ Tesis y tesinas--------- */



#tesinas h4 {

	display:block;

	padding: 0 10px 0 20px;

	margin:20px 0 15px 0;

	font-weight:bold;

	background: transparent url(../img/report.gif) no-repeat;

	}

#tesinas p {

	padding: 0 10px 0 20px;

	margin:5px 0 0 20px;

	font-weight:normal;

	

	}



#tesinas p.nombre {background: transparent url(../img/user_suit.gif) no-repeat;}



#tesinas p.nombre2 {background: transparent url(../img/user_green.gif) no-repeat;}



#tesinas p.tipo {background: transparent url(../img/script.gif) no-repeat;}



#tesinas p.tesis {background: transparent url(../img/script_add.gif) no-repeat; color:#b2cc00;}



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



#noticias p{

clear:both;

padding: 5px 20px 0px 0px;

}



#noticias h3{

 font-weight:bold;

 

}



#contedata {

	background: #FFFFFF url(../img/date.gif);

	float: left;

	width: 45px;

	height: 50px;

	margin: 18px 0 0 0;

	padding: 0px;

	}

	

#contedata h3 {

	color: #FFFFFF;

	font-size: 10px;

	font-weight: normal;

	padding: 1px 0px 0px 10px;

	text-transform: uppercase;

}

	

#contedata h4 {

	font-family: Times New Roman, Helvetica, Sans-Serif;

	color: #999999;

	font-size: 21px;

	font-weight: bold;

	padding: 5px 4px 0px 0px;

	margin: 0px;

	text-align: center;

}

	

#contetitular {

	float: left;

	width:390px;

	margin: 18px 0 0 0;

	padding: 0px 0px 0px 10px;

	}

#contetitular h2 {

 color:#203b5a;

}



#contetitular h2 a, #contetitular h2 a:visited {

color:#203b5a;

text-decoration:none;

}



#contetitular h2 a:hover {

color:#b2cc00;}



#noticias p a, #noticias p a:visited {

color:#b2cc00;

text-decoration:none;

}



#noticias p a:hover {

color:#203b5a;}



.imaxedecontido{

	border:1px solid #999;

	padding:5px;

	margin:0 12px 0 0;

}

.padding5{

 padding:5px;

 }



#fotosatap{

padding-left:0px;}



#fotosatap img{

 margin-bottom:10px;

 }



#fotoscirugia{

margin-top:20px;

padding-left:0px;}



#fotoscirugia img{

 margin-bottom:10px;

 }



/* ---- CONTACTAR ------ */



#formulario h5 {

 margin-bottom:5px;

 margin-top:7px;

}



.boton {

	font: bold 120% "Trebuchet MS";

	color:white;

    background:#b3cc00;

    border:0px;

    width:120px;

    height:20px;

	}

.contenido_derecha_cajas {

	font:  100% "Trebuchet MS";

	width:230px;

	height:14px;

	}

	

.contenido_derecha_cajas2 {

	font:  100% "Trebuchet MS";

	width:230px;

	}

/* ----- AVISO LEGAL ------- */



#contedoraviso {

 width:318px;

 padding:7px;

 }

#cabeceiraaviso {

 height:70px;

 background-color:#b3cc00;

 }

 

#cabeceiraaviso h1{

 margin:0px 0 0 10px;

 padding-top:10px;

 color:#fff;

 }

 

 #contidoaviso p {

 margin:7px;

 font-size:10px;

 }

 

 #contidoaviso h3 {

 margin:7px;

 font-weight:bold;

 text-transform: inherit;

 }

 

/* ------GUIA PARA IE --------*/ 



#wrapper { 

// margin: 0 auto;

 //width: 800px;

}

#header {

// color: #203b5a;

 //width: 750px;

// float: left;

// padding: 10px;

// height: 100px;

 //margin: 10px 0px 15px 0px;

}

#leftcolumn { 

// color: #203b5a;

// margin: 0px 0px 0px 0px;

 //padding: 10px;

 //height: 350px;

 //width: 170px;

 //float: left;

}

#leftmiddle { 

 //color: #203b5a;

 //margin: 0px 0px 0px 0px;

 //padding: 10px;

 //height: 350px;

 //width: 170px;

 //float: left;

}

#rightmiddle { 

// color: #203b5a;

 //margin: 0px 0px 0px 0px;

 //padding: 10px;

 //height: 350px;

 //width: 170px;

 //float: left;

}

#rightcolumn { 

 //color: #203b5a;

// margin: 0px 0px 0px 0px;

 //padding: 10px;

 //height: 350px;

 //width: 170px;

 //float: left;

}



h2{

//font-size:20px;

//color:#b2cc00;

//margin-bottom:15px;

_margin-bottom:0;}



h1{}



h3{

//font-size:15px;

//color:#b2cc00;

}



h4{}



ul{

	//list-style:none;}

.listaguia{

	//padding:10px;

	}

.clear {// float: left; //width: 1px;

}



.alto {

 min-height:400px;

 height:auto !important;

 height:550px;}

 

 .desarrollo {

 background:#FFFFFF;
 width:380px;
 }