@font-face {  
  font-family: "Yanone";  
  src: url(YanoneKaffeesatz-Regular.eot); 
  src: local("Yanone Kaffeesatz"), url('YanoneKaffeesatz-Regular.ttf'); 
}

@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}

ul {padding-left:20px; 
	
	
}
li { 	font-family:"Verdana";
	font-size:18px; 
	list-style-image: url(../img/flechalista.gif); 
}
.flechasblancas li
{ 	list-style-image: url(../img/flechalistablanca.gif); 

}

.espaciado li { margin-top:15px; }
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-position:center 100px;
}
body a {
	text-decoration:none;
}
#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	margin-top:20px;


}
#header {
	height:130px;
	width:100%;
	background-image:url(../img/wdd_02.jpg);
	background-repeat:repeat-x;
	
}
#inheader {
	width:800px;
	height:95px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
}
#logo {
	width:250px;
	height:95px;
	padding-top:0px;
	padding-left:25px;
	float:left;
}
#topad {
	width:465px;
	height:130px;
	padding-top:35px;
	padding-right:20px;
	float:right;
}
#vnav {
	width:230px;
	float:left;

}
.des {
	width:550px;
	float:right;
	text-align:left;
}
.des h1 {font-size:44px;text-shadow: 0 -1px 1px #CCC;color:#777;font-family:"Yanone";}
.des h2 {font-size:34px;text-shadow: 0 -1px 1px #CCC;color:#777;font-family:"Yanone";}
.des p { font-family:"Verdana"; font-size:18px; }
 #vnav li {
	height:20px;
	width:200px;
	overflow:hidden;
    color: #333;
    text-decoration: none;
    line-height: 1;
	text-align:left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
   font-family:"Yanone";
   font-size:24px; 
   line-height:20px; 
    border-bottom: 1px solid #222;
    padding: 7px 10px 6px;
    margin-top:5px;
    background-color:#BBB;
	     zoom: 1;
        filter: alpha(opacity=60);
        opacity: 0.6;
}
#vnav li h1 { margin:0px; padding:0px;  font-size:24px; }
 #vnav li p {
	margin-top:10px;	
	color:#bbb;
	font-family:"Verdana";
	font-size:14px;
	line-height:15px;
}
  #vnav li:hover { cursor:pointer; background-color:#777; color:white;   zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;}
  #vnav li:hover  p { color:#eee; }
  #vnav li:active p { color:white; }
  #vnav li:active { background-color:#999; color:white; }

#banner {
	padding-top:105px; 
	font-family:"Yanone";
	font-size:22px; 
	color:#aaa;
	
	margin-left:400px; 
	left:0px; 
	position:relative; 
}
ul { font-family:"verdana;"; font-size:14px; }

.empresas { 
	width:550px;
	border:2px #ccc solid; 
	background-color:#e0e0e0;
	text-align:left; 
	
	padding:0px; 
	
	}
	.empresas p { margin-left:10px; }
	.empresasimg:hover { background-color:#ffffff; cursor:pointer; border:2px #aaaaaa solid; }
	.empresasimg { margin:5px; padding:2px;  border:2px #e0e0e0 solid; }
	.empresas div { background-color:#a0a0a0; color:white; margin:0px; padding:4px; font-size:14px; font-family:"Verdana"; }
	
	
	
	.empresas h1 { color:white; }
	
	#datos2010 { 
		border:1px #ccc solid; 
		margin:0px; 
		padding:0px; 
		background-color:#f0f0f0 !important; 
		color:black !important;
		margin-top:5px !important; 
		
		}
	
	
	
	
	
	.sombra {
		
	-moz-box-shadow: 2px 2px 10px #ccc;
	-webkit-box-shadow: 2px 2px 10px #ccc;
	box-shadow: 2px 2px 10px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#cccccc');
	}
	
	.sombraoscura {
	-moz-box-shadow: 2px 2px 10px #777;
	-webkit-box-shadow: 2px 2px 10px #777;
	box-shadow: 2px 2px 10px #777;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#777777')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#777777');
	}

.redondeado { 	
	 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	behavior: url(border-radius.htc);	 


 }
 .redondeadogrande{ 	
	 
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;	
	border-radius: 15px;


	behavior: url(border-radius.htc);	 
 }
  .redondeadomedio{ 	
	 
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;	
	border-radius: 10px;
	
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;


	behavior: url(border-radius.htc);	 
 }
 #mapainicial 
 { 
	 width:538px;
	 height:338px; 
	 border:2px #ccc solid;
	 background-color:#f0f0f0;
	 margin-top:10px; 
	 padding:5px; 
 }
 .mapas 
 {
		display:none;
	 height:400px; 
	 width:210px; 
	 border:1px #ccc solid; 
	 background-color:#f0f0f0; 
	 margin-top:10px; 
	 padding:5px; 
 }

	#piedepagina { 
			position:absolute;
			bottom:0px;
			text-align:center;
			background-color:#000;
			color:#fff;
			font-size:12px;
			display:block;
			width:100%;
			font-family:"Verdana";
			margin:0px;
			border-top:5px #888 solid;
		margin-top:50px;
}
		body { margin:0px; }
		
		.trans {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
}
.imgdesc {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	behavior: url(border-radius.htc);	 
	border:2px white solid; 
}
.alerta 
{ background-color:#880000; 
	color:white; 
	font-weight:bold;
	font-family:"Verdana";
	font-size:14px; 
	text-align:center;
	margin:auto; 
	width:400px; 
	margin-top:10px; 
	padding:4px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
}
#esquemas img { 
		
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	border:2px #f0f0f0 solid; 
	
	
	
}

#esquemas img:hover { border:2px #000 solid; }

#cambiedenavegador { display:none; }


#cajalogin {  
	margin:auto; 
	margin-top:100px; 
	border:2px #777 solid; 
	background-color:#e0e0e0;
	width:400px; 
	height:150px;
	padding:4px; 
}




.error
{
	color:#b44!important;
}

#titulologin
{ 	text-align:center; 
	font-size:24px; 
	font-family:"Yanone";
	color:white; 
	background-color:#444; 
}

#contenidologin 
{	padding:8px; 
color:black; 
font-family:"Verdana"; 
font-size:16px; 
}

 .pulsador {
		display:inline-block;
		background-color:#ccc;
		color:#444;
		padding:6px; 
		padding-left:35px; 
		padding-right:35px; 
		border:1px #aaa solid; 
		font-weight:bold;
		font-size:14px; 
		font-family:"Verdana";
		font-size:16px;
	}
	.pulsador:hover {
			cursor:pointer;
			background-color:#888;
			border:1px #000 solid; 
			color:white;
		}
	.pulsador:active {  background-color:#000; border:2px #777 solid;  color:white; }
	input[type=password], input[type=text]	 { 
		font-size:18px; border:2px solid #a0a0a0; padding: .35em .5em; -moz-border-radius: 5px;-webkit-border-radius: 5px;
		
		}
		
		.botonvalidar { 
				padding:4px;
				padding-top:6px;
				padding-left:10px; 
				padding-right:10px;
				margin-left:10px; 
				margin-right:10px; 
				background-color:#888;
				border:1px #444 solid;
				font-family:"Verdana"; 
				font-size:16px; 
				color:white;
				text-decoration:none;
				font-weight:bold;
			}
			.botonvalidar:hover 
			{	background-color:#aaa;
				border:1px #666 solid;
				cursor:pointer;
				background-image:url('../img/logoht.png');
			}
			
			#vnav input { width:210px;  text-align:left;}
			
			.nuevo { color:#448844; font-weight:bold;}
			.duda { color:#ff8800; font-weight:bold; }
			
			
			
			/* aviaslider */
			.aviaslider{ 
height:413px; 	/*this changes the height of the image slider*/
width:550px;
overflow: hidden;
position: relative;
background: #fff url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.gif) center top no-repeat;
}

.feature_excerpt{
width:610px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}


/* final aviaslider */

.fuertes {
		font-weight:bold;
		border:1px #bbb solid; 
		padding:8px; 
		background-color:#ddd; 
		margin:5px; 
		color:#000;
		margin-bottom:20px; 
	}
	.fuertes:hover { 
		background-color:#d8d8d8;
		border:1px #aaa solid; 
		color:#000000; 
		cursor:pointer; 
	}
	.fuertesd { font-weight:normal; font-size:18px; }
	
	.fuertes > div { font-weight:normal; font-size:18px; font-family:"Verdana"; }
	
	.correccion {
			font-size:18px; 
			font-family:'Verdana'; 
		}
		.esquemamini
		{
				height:170px; 
				width:500px; 
			}
			
#CSLC li { 
	
	padding:4px; 
	margin:2px; 
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	behavior: url(border-radius.htc);	 
	list-style-type:none; 
}
#CSLC li:hover { cursor:pointer; }
#CSLC div { 
	width:500px; 
	border:1px #c0c0c0 solid; 
	padding:5px; 
	margin:5px; 
		 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	behavior: url(border-radius.htc);	 
	list-style-type:none; 

}
#CSLC div p { font-size:16px; margin-top:15px; }
#CSLC div img { margin-right:15px; }
.descslc { display:none; }

#email { padding:7px; margin:10px; font-size:26px; color:#444; font-weight:bold; font-family:"Yanone"; background-color:#e0e0e0; border:2px #ccc solid; }
#cuadroinicio {
		font-size:40px; 
		font-family:"Yanone";
		background-image:url('http://www.womsolution.com/img/fondodifu.png');
		background-repeat:no-repeat;
		width:550px; 
		height:500px; 
		text-align:left; 
		padding:5px; 
		padding-top:30px; 
		color:#444; 
	}
#esquemageneral
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	
}
#acceder { position:absolute; top:3%; right:40px; }
#splash {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height:100%;
	}
#ficherosintegracion ul 
{ list-style-type:none; 
	list-style:none; 
	}
#ficherosintegracion li
{	background-color:#e0e0e0; 
	border:2px #ccc solid; 
	padding:4px; 
	margin:5px; 
	color:black;
	font-size:16px; 
	list-style-type:none;
	list-style:none; 
}
#ficherosintegracion p {
		font-size:12px; 
		color:#666; 
		margin-left:40px;
	}
#ficherosintegracion img { float:left; margin-right:6px;   }
#ficherosintegracion li:hover { border:2px #ccc solid; background-color:#444; color:white; cursor:pointer; }
#ficherosintegracion li:hover p { color:#ccc; }
#ficherosintegracion li:active { background-color:black; padding-top:6px; }
	

.botonseccion 
	{	  background-color:#ccc;
		border:1px black solid; 
		padding:3px; 
		padding-left:10px; 
		padding-right:10px; 
		width:210px; 
		margin-top:5px;
		font-family:"Yanone";
		font-size:26px; 
		color:#777;
	}
#capturasintegracion {
	height:260px; 
	padding:5px; 
}
#capturasintegracion div { display:inline-block; margin:5px;  }