@charset "utf-8";
/* CSS Document */
body, html, *{ outline:0; margin:0; padding:0;} 
body{ background:url(../images/brg-b.jpg) repeat; } 
a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
p, p a{font-family:Verdana, Arial, Helvetica, sans-serif; line-height:16px; text-align:justify;}
/***estructura***/
#wrapper{ width:100%; height:100%; overflow:auto; background:url(../images/brg-w.jpg) repeat-x;}
#contener{ width:900px; margin:28px auto 0px auto; height:auto; overflow:auto;}
#logo a{ width:216px; height:65px; background:url(../images/logo.jpg); display:block; float:left;}
#menu1 { width:560px; height:16px; margin:45px auto 0px 120px; float:left;}
#menu1 h1{	padding:0px 5px 0px 5px; line-height:16px; border-right:#FFFFFF 1px solid; font-size:12px; color:#FFFFFF; float:left;} 
#menu1 h1 a{ font-size:12px; color:#FFFFFF; font-weight:lighter;} #menu1 h1 a:hover{ color: #F7931E;}
#cont{ width:100%; height:auto; background:#FFFFFF url(../images/brg-heads.jpg) repeat-x;; float:left; margin-top:17px; overflow:auto;}
#webs{ width:100%; height:auto; float:left; text-align:center; color:#666666; font-size:11px; background:#FFFFFF; padding-top:8px; padding-bottom:8px; background:url(../images/brg-linea-art.jpg) repeat-y;}
#web1{width:596px; height:144px; float:left; overflow: hidden;}
#web1 h1{width:596px; font-size:14px; color: #0071BC; font-family:"Courier New", Courier, monospace; background:#CCCCCC;}
#web1 ul{display:block; margin-left:20px; padding:0; }
#web1 ul li{display:block; line-height:25px; text-align:left; font-weight:bold;}
#web1 ul li:hover{ background:#F3F3F3;}
#web1 ul li a{color: #0071BC; font-weight:normal;}
#web1 ul li a:hover{color: #F7931E; font-weight:normal;}

#web2{width:268px; height:auto; float:left; margin:0px 15px auto 15px;}
#web2 a{color: #F7931E;}#web2 a:hover{color:#666666;}
#ft{ width:100%; height:87px; background:url(../images/brg-ft.jpg) repeat-x; float:left; text-align:center; color:#FFFFFF;}
#ft h5{ line-height:16px; margin:20px auto 0px auto;}#ft h5 a{ color:#FFFFFF;} #ft h5 a:hover{ color:#F7931E;}
#ft h6{ line-height:16px; margin:0px;}#ft h6 a{ color:#FFFFFF;} #ft h6 a:hover{ color:#F7931E;}


/***HOME***/
#deshome{ width:298px; border-right:#646464 1px dashed; height:auto; overflow:auto; float:left; margin-top:15px;}
#deshome h2, #tdesa h2{ font-size:18px; color:#666666; background:url(../images/logo-desarrollo.jpg) left no-repeat; padding:5px 15px 0px 25px; margin:0px 15px 10px 15px;}
#deshome h2 a, #tdesa h2 a, #artdesa .box h4 a{color:#666666;}
#deshome h2 a:hover, #tdesa h2 a:hover, #artdesa .box h4 a:hover{color: #9E005D;}
#deshome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#deshome p a, #artdesa .box p a{color: #9E005D;}
#deshome p a:hover, #artdesa .box p a:hover{color: #666666;}

#psihome{ width:298px; border-right:#646464 1px dashed; height:auto; overflow:auto; float:left; margin-top:15px;}
#psihome h2, #tpsico h2{ font-size:18px; color:#666666; background: url(../images/logo-psicologia.jpg) left no-repeat; padding:5px 15px 0px 25px; margin:0px 15px 10px 15px;}
#psihome h2 a, #tpsico h2 a, #artpsico .box h4 a{color:#666666;}
#psihome h2 a:hover, #tpsico h2 a:hover, #artpsico .box h4 a:hover{color: #00A99D;}
#psihome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#psihome p a, #artpsico .box p a{color: #00A99D;}
#psihome p a:hover, #artpsico .box p a:hover{color: #666666;}

#fobhome{ width:298px; height:auto; overflow:auto; float:left; margin-top:15px;}
#fobhome h2,#tfobia h2{ font-size:18px; color:#666666; background:  url(../images/logo-fobia.jpg)left no-repeat; padding:5px 15px 0px 25px; margin:0px 15px 10px 15px;}
#fobhome h2 a, #tfobia h2 a, #artfobia .box h4 a{color:#666666;}
#fobhome h2 a:hover,#tfobia h2 a:hover,#artfobia .box h4 a:hover{color: #F7931E;}
#fobhome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#fobhome p a, #artfobia .box p a{color: #F7931E;}
#fobhome p a:hover, #artfobia .box p a:hover{color: #666666;}

#promhome{
	height:258px;
	border-bottom:#646464 1px dashed;
	border-top:#646464 1px dashed;
	float: left;
	width:100%;
	background:#F7931E;
	overflow: hidden;
}
#videohome{
	height:258px;
	width:400px;
	float:left;
	overflow:hidden;
}
#frasehome{ height:258px; width:560px; float:left; background:#F7931E; margin-left:20px;}

#esthome{ width:298px; border-right:#646464 1px dashed; height:auto; overflow:auto; float:left; margin-top:15px;}
#esthome h2, #test h2{ font-size:18px; color:#666666; background: url(../images/logo-estres.jpg) left no-repeat; padding:5px 15px 0px 25px; margin:0px 15px 10px 15px;}
#esthome img{margin:0px 15px 10px 15px;}
#esthome h2 a, #test h2 a, #artest .box h4 a{color:#666666;}
#esthome h2 a:hover, #test h2 a:hover, #artest .box h4 a:hover{color: #0071BC;}
#esthome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#esthome p a, #artest .box p a{color: #0071BC;}
#esthome p a:hover, #artest .box p a:hover{color: #666666;}

#saludhome{ width:298px; border-right:#646464 1px dashed; height:auto; overflow:auto; float:left; margin-top:15px;}
#saludhome h2, #tsalud h2{ font-size:18px; color:#666666; background: url(../images/logo-salud.jpg) left no-repeat; padding:5px 15px 0px 25px; margin:0px 15px 10px 15px;}
#saludhome img{margin:0px 15px 10px 15px;}
#saludhome h2 a, #tsalud h2 a, #artsalud .box h4 a{color:#666666;}
#saludhome h2 a:hover, #tsalud h2 a:hover, #artsalud .box h4 a:hover{color: #FF0000;}
#saludhome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#saludhome p a, #artsalud .box p a{color: #FF0000;}
#saludhome p a:hover, #artsalud .box p a:hover{color: #666666;}

#newshome{ width:268px; border:#646464 1px solid; background:#CCCCCC; height:auto; float:left; margin:15px 15px auto 15px;}
#newshome h2{ font-size:18px; color: #0071BC; padding:5px 15px 0px 15px; margin:0px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#newshome h6{ font-size:10px; color: #0071BC;  margin:0px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#newshome .input{ width:218px; font-size:14px; color: #0071BC; margin:0px auto 0px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#newshome .boton{ width:218px; font-size:14px; color: #FFFFFF; margin:5px auto 5px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; height:20px; background:#0071BC; border:none;}#newshome .boton:hover{ color:#000033; cursor:pointer;}
#newshome img{margin:0px 15px 0px 15px;}
#newshome h2 a{color:#666666;}#newshome h2 a:hover{color: #00A99D;}
#newshome p{color:#666666; margin:0px 15px 10px 15px; font-size:11px;}
#newshome p a{color: #00A99D;}#newshome p a:hover{color: #666666;}
/***INDICES***/
#tfobia, #tpsico, #tdesa, #test, #tsalud{ width:100%; height:30px; margin:10px auto 10px auto; float:left;}
#sbfobia, #sbpsico, #sbdesa, #sbest, #sbsalud {width:100%; height:20px; padding:5px auto 5px auto; background:#4D4D4D; float:left; display:block;}
#sbfobia h3, #sbpsico h3, #sbdesa h3, #sbest h3, #sbsalud h3{ color:#FFFFFF; float:left; padding: 0px 5px 0px 5px; line-height:20px; font-size:11px; border-right:#FFFFFF 1px solid;}
#sbfobia h3 a, #sbpsico h3 a, #sbdesa h3 a, #sbest h3 a, #sbsalud h3 a{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;} 

#sbfobia h3 a:hover{color: #F7931E;}
#sbpsico h3 a:hover{color: #00A99D;}
#sbdesa h3 a:hover{color: #9E005D;}
#sbest h3 a:hover{color: #0071BC;}
#sbsalud h3 a:hover{color: #FF0000;}

#artfobia, #artpsico, #artdesa, #artest, #artsalud{ width:596px; height:auto; border-right:#646464 1px dashed; float:left; overflow:auto;}
#artfobia h1, #artpsico h1, #artdesa h1, #artest h1, #artsalud h1{ font-size:18px; color:#666666; margin:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#artfobia .box, #artpsico .box, #artdesa .box, #artest .box, #artsalud .box{ height:120px; border-bottom:#646464 1px dashed; margin:15px 0px 15px 15px;}
#artfobia .box img, #artpsico .box img, #artdesa .box img, #artest .box img, #artsalud .box img{ height:105px; width:160px; margin:0px  15px 15px 0px; float:left; border:#CCCCCC 1px solid;}
#artfobia .box h4, #artpsico .box h4, #artdesa .box h4, #artest .box h4, #artsalud .box h4{ float:left; line-height:20px; font-size:18px; color:#666666; width:380px; display:block;}
#artfobia .box p, #artpsico .box p, #artdesa .box p, #artest .box p, #artsalud .box p{ float:left; color:#666666;  font-size:11px; line-height:16px; width:380px; display:block;}
/***ARTICULOS***/
#box-articulo{ width:100%; height:auto; overflow:auto; background:url(../images/brg-linea-art.jpg) repeat-y; margin-top:20px; float:left;}
#boxfobia{ width:596px; height:auto; float:left; overflow:auto;}
#boxfobia h1, #boxfobia h2, #boxfobia h3, #boxfobia h4, #boxfobia h5, #boxfobia h6{ font-size:18px; color:#666666; margin:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif;}
#boxfobia p{ font-size:11px; color:#666666; margin:10px 15px 10px 15px;}
#boxfobia ul li{font-family:Verdana, Arial, Helvetica, sans-serif; line-height:16px; font-size:11px; color:#666666;    margin:10px 15px 10px 35px;}

a.fobia, p a.fobia:hover{color:#666666;}a.fobia:hover, p a.fobia{color: #F7931E;}
a.psicologia, p a.psicologia:hover{color:#666666;}a.psicologia:hover, p a.psicologia{color: #00A99D;}
a.desarrollo, p a.desarrollo:hover{color:#666666;}a.desarrollo:hover, p a.desarrollo{color: #9E005D;}
a.salud, p a.salud:hover{color:#666666;}a.salud:hover, p a.salud{color: #FF0000;}
a.estres, p a.estres:hover{color:#666666;}a.estres:hover, p a.estres{color: #0071BC;}

/***BARRA LATERAL FOBIA***/
#latfobia, #latpsico, #latdesa, #latsalud, #latestres{ width:268px; height:auto; float:left; margin:15px 15px auto 15px;}
#titlat{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; color:#666666; line-height:22px; width:100%;}
#latfobia ul,#latpsico ul, #latdesa ul, #latsalud ul, #latestres ul{ float:left; margin:15px 5px auto 0px; list-style-image:url(../images/flecha.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; width:233px; padding-left:15px;}
#latfobia ul li, #latpsico ul li, #latdesa ul li, #latsalud ul li, #latestres ul li{border-bottom:#CCCCCC  1px dashed; padding-bottom:4px; margin-top:5px;}
#latfobia ul li a,  #latpsico ul li a, #latdesa ul li a, #latsalud ul li a, #latestres ul li a{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}

#latfobia ul li a:hover, #artfobia h1{color: #F7931E;}
#latpsico ul li a:hover, #artpsico h1{color: #00A99D;}
#latdesa ul li a:hover, #artdesa h1{color: #9E005D;}
#latsalud ul li a:hover, #artsalud h1{color: #FF0000;}
#latestres ul li a:hover, #artest h1{color: #0071BC;}


/**ANUNCIOS***/
.publi300250{ width:300px; height:250px; float:left; margin-right:15px; margin-left:15px;}
.publi46860{ height:60px;width:100%; text-align:center;}

/*CONTACTOS*/
#gracias{ font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; top:70%; left:40%; width:auto; height:30; line-height:30px; background:#666666; color:#FFFFFF; padding:0px 20px 0px 20px;}