/*======== Design by K@rlo$ ========*/
*{	margin:0px; padding:0px;	}
/*--------------------------------------------------------------*/
body
{  
	background:#C8E6E6 url(../imagenes/profesional/background.png) repeat-x; 
	font-family:Arial,Tahoma, Helvetica;
	margin:0px 0px 10px 0px;
}

img { border:none; font-size:9px; }
img.imgleft { float:left; }

span.aux
{
	display:block;
	clear:both;
	font-size:2px;
}
/*--------------------------------------------------------------*/
div.separador
{
	margin:0px auto 10px auto;
	width:600px;
	height:10px;
	background:url(../imagenes/profesional/bg_separador.jpg) no-repeat;
	clear:both;
}
/*--------------------------------------------------------------*/
div.publicidad_large
{
	margin:0px auto 10px auto;
	padding:10px 0px 0px 0px;
	width:800px;
	text-align:center;
}

div.publicidad_inferior
{
    margin:5px auto 10px auto;
	padding:10px 0px 0px 0px;
	width:800px;
	text-align:center ;
}
.bloque-recuadros{
	width:820px;
	float: left;
	margin:0px auto;
	height: 190px;
}
/*--------------------------------------------------------------*/
.panel1 { width:200px; }
.panel2 { width:800px; margin:0px auto; padding:5px 0px 0px 0px; }
.panel22 { width:800px; margin:0px auto; padding:195px 0px 0px 0px; }
.panel3 { width:390px; }
.panel4 { width:160px; }
.panel5 { width:640px; }
.panel6 { width:590px; }
/*--------------------------------------------------------------*/
.left { float:left; }
.right { float:right; }
/*--------------------------------------------------------------*/
#Header
{
	margin:0px auto 0px auto;
	background:#fff url(../imagenes/profesional/bg_menuheader.png) no-repeat;
	width:820px;
	height:190px;
	position:relative;
}
/*--------------------------------------------------------------*/
#Logo
{
	width:250px;
	height:90px;
	float:left;
	margin:30px 0px 0px 7px;
	text-align:center;
}
/*--------------------------------------------------------------*/
#PublicidadHeader
{
	float:right;
	width:550px;
	height:70px;
	text-align:center;
	margin:40px 0px 0px 0px;
}
/*--------------------------------------------------------------*/
#MenuHeader
{
	width:800px;
	height:60px;
	margin:0px auto;
	clear:both;
	background:url(../imagenes/profesional/bg_menuprincipal.jpg) no-repeat;
}

#MenuHeader ul { text-align:center; padding: 7px 0px; }
#MenuHeader li
{
	font-size:12px;
	display:inline;
	margin:0px 3px;
	border-right:1px solid #fff;
	padding:0px 10px 0px 0px;
}

#MenuHeader li.ultimo { border:none; }
#MenuHeader a { color:#FFF5E8; text-decoration:none; }
#MenuHeader a:hover { color:#ffcc00; text-decoration:underline; }
/*--------------------------------------------------------------*/
#Container
{ 
	width:820px;
	margin:0px auto;
	background:#fff url(../imagenes/profesional/bg_container.jpg) no-repeat bottom;
	padding:0px 0px 10px 0px;
}
/*--------------------------------------------------------------*/
.indicador
{
	clear:both;
	margin:0px 9px 5px 9px;
	background:#3F817D;
	padding:5px 0px 5px 5px;
	height:15px;
}

.indicador p { font-size:12px; color:#fff; }
.indicador a { text-decoration:none;	color: white;	font-weight:bold; font-style:normal; }
.indicador a:hover { text-decoration:underline; color:#ccc; }
.indicador span { float:left; margin:0px 5px 0px 0px; }

.indicador span.separador
{
	background:url(../imagenes/profesional/bg_separador.png) no-repeat;
	display:block;
	width:14px;
	height:10px;
	margin:3px 5px 0px 0px;
}
/*--------------------------------------------------------------*/
.recomendado 
{
	background:#efefef;
	margin:0px 9px 10px 9px;
	padding:8px 0px;
}

.recomendado h2 { color:#31637B; font-size:14px; margin:0px 0px 10px 10px; }
.recomendado p
{
	font-size:12px;
	line-height:1.3em;
	margin:0px 10px 10px 10px;
}

.recomendado a.btn
{
	display:block;
	width:210px;
	padding:5px 0px 0px 0px;
	height:21px;
	text-decoration:none;
	background:url(../imagenes/profesional/bg_btnlibro.png) no-repeat;
	text-align:center;
	color:#fff;
	float:right;
}
.recomendado a.btn:hover { background:url(../imagenes/profesional/bg_btnlibro.png) no-repeat 0px -26px; color:#000; }
.recomendado img { border:3px solid #fff!important; margin:0px 6px 6px 6px; }
/*--------------------------------------------------------------*/
.texto { margin: 0px 9px 10px 9px; padding:8px 0px 0px 0px; }

.texto h2 { font-size:14px; background:#F99B1C; color:#fff; padding:5px; margin:0px 0px 10px 0px; }
.texto p { font-size:12px; margin:0px 8px 5px 8px; }
.texto ul, .texto ol { margin:0px 0px 10px 30px; padding:5px 0px 0px 0px; }
.texto li
{
	font-size:12px;
	margin:0px 0px 15px 0px;
}

.texto a{ color:#335F78; font-weight:bold; }
.texto a:hover { color:#999; text-decoration:none; }
.texto img { border: none; margin: 0 5px; vertical-align: middle;}
.texto img.imgnada { border:none; margin:0px; }
/*--------------------------------------------------------------*/
#AltaHorizontal { width:780px; height:65px; background:url(../imagenes/profesional/bg_form.png) no-repeat; margin:0px auto 10px auto; padding:15px 0px 0px 0px; }
#AltaHorizontal p { text-align:center; margin:0px 0px 10px 0px; font-size:12px; }
#AltaHorizontal input.itext { border:1px solid #000; padding:2px; }
#AltaHorizontal a { font-weight:bold; color:#152B35; }
#AltaHorizontal a:hover { text-decoration:none; color:#fff; }
/*--------------------------------------------------------------*/
.recuadro { width:195px; 	margin:0px auto 15px auto; }
/*--------------------------------------------------------------*/
.hrecuadro { height:30px; background:url(../imagenes/profesional/bg_hrecuadro.png) no-repeat; }
.hrecuadro h2
{
	color:#fff;
	font-size:11px;
	text-align:center;
	padding:7px 0px 0px 0px;
}
.hrecuadro h5
{
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:7px 0px 0px 0px;
}
/*--------------------------------------------------------------*/
.crecuadro { background:url(../imagenes/profesional/bg_crecuadro.png) repeat-y; padding:0px 0px 5px 0px; }
/*--------------------------------------------------------------*/
.frecuadro { height:8px; background:url(../imagenes/profesional/bg_frecuadro.png) no-repeat; }
/*--------------------------------------------------------------*/
.hrecuadro2 { height:8px; background:url(../imagenes/profesional/bg_hrecuadro2.png) no-repeat; }
/*--------------------------------------------------------------*/
.text_recuadro
{
	width:185px;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	text-align:center;
}

.text_recuadro img { border:none; margin:0px auto; }
.text_recuadro p { font-size:12px; margin:4px 0px 0px 0px; line-height:1.3em; }
.text_recuadro a { font-weight:bold; color:#255A5B; }
.text_recuadro a:hover { text-decoration:none; color:#999; }
/*--------------------------------------------------------------*/
.form_recuadro{ padding:7px 0px 0px 0px; }
.form_recuadro p { text-align:center; margin:0px 0px 4px 0px; }
.form_recuadro label { font-size:11px; font-weight:bold; }

.form_recuadro input.isubmit
{
	border:none;
	background:url(../imagenes/profesional/btn_enviar.png) no-repeat;
	width:60px;
	height:22px;
	color:#fff;
}

.form_recuadro input.isubmit:hover { background:url(../imagenes/profesional/btn_enviar.png) no-repeat 0px -22px; color:#000; }
/*--------------------------------------------------------------*/
#PsiBasica 
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiBasica.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/
#PsiIndustrial
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiIndustrial.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/
#PsiClinica
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiClinica.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
#PsiPir 
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiPir.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/
#PsiColabora
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiColabora.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/
#PsiTest
{
	display:block;
	width:250px;
	height:180px;
	background:url(../imagenes/profesional/bg_psiTest.png) no-repeat;
	float:left;
	margin: 0 11px;
}
/*--------------------------------------------------------------*/

.marcadorpsi { display:block; width:145px; height:33px; position:absolute; }
.marcadorpsi a
{
	display:block;
	width:130px;
	height:30px;
	color:#fff;
	text-decoration:none;
	background:url(../imagenes/profesional/bg_navpsico.gif) no-repeat;
	font-weight:bold;
	padding:3px 0px 0px 15px;
}
.marcadorpsi a:hover { background:url(../imagenes/profesional/bg_navpsico.gif) no-repeat bottom;}
/*--------------------------------------------------------------*/
#Footer
{ 
	width:820px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
}
/*--------------------------------------------------------------*/
#Copy { width:700px; margin:0px auto; }
#Copy ul { padding:10px 0px 0px 0px; margin:0px 0px 10px 0px; text-align:center;	}

#Copy li
{
	font-size:11px;
	list-style:none;
	display:inline;
	margin:0px 10px 0px 0px;
}

#Copy a { color:#325C75; }
#Copy a:hover { color:#666; text-decoration:none; }
#Copy p { font-size:10px; text-align:center; }