/* CSS Document */
/* Estilos comunes */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #999966;
	background : #ffffff url(../img/bg6.jpg) left top repeat-x; 
}

a {
	color: #666633;
	text-decoration:none;
}

a:hover {
	color: #5CB3E0;
	text-decoration:none;
}
#menutop  a {
	color: #666633;
	text-decoration:none;
}
#menutop  a:hover {
	color: #000000;
	text-decoration:none;
}
#menutop  a {
	color: #999966;
	text-decoration:none;
}
#menupie a:hover {
	color: #ffffff;
	text-decoration:none;
}


#contenido 
	{
	font-size:0.7em;
	font-family: verdana, arial;
	position:absolute;
	background : transparent url(../img/fondo1.jpg) no-repeat; 
	width:790px;
	height:445px;
	left:50%;
	top:50%;
	margin-left:-388px; /*Se coloca en negativo el resultante de dividir la anchura entre dos*/
	margin-top: -222px; /*Se coloca en negativo el resultante de dividir la altura entre dos*/
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	overflow: no;
	}

#logo
	{
	position:absolute;
	width:790px;
	width:400px;
	height:49px;
	margin: 0px;
	left: -1px;
	top:-51px;
	visibility:visible;
	border: 0px #ccc solid;
	z-index: 100;
    background : transparent url(../img/vadis_logo.gif) 10px 2px no-repeat; 
	}
#menutop
	{
	position:absolute;
	width:100%;
	height:45px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 1;
	text-align: right;
	border: 0px #ccc solid;
	margin: 0px;
	padding: 0px;
	}
#menutop ul
	{ 
	padding: 0px;	
	margin-right: 10px;
	border: 0px #ccc solid;
	height: 20px;
	margin-top: 27px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 1;
	text-align: right;
	float: right;
	display: block;
	}
#menutop ul li
	{
	text-align: left;
	float: left;
	display: block;
	border-right: 1px #ccc solid;
	padding: 0px 7px 0px 7px;
	color: #000000;
	}

#menusub
	{
	position:absolute;
	width:100%;
	height:40px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 1;
	text-align: right;
	background-color: #999966;
	
	}
#inicio #menusub
	{
	width:210px;
	height:80px;
	left:150;
	top:45;
	text-align: left;
	}
#inicio #menusubtxt
	{
	width:190px;
	margin-top:55;
	text-align: right;
	color: #ffffff;
	border-bottom: 1px #ffffff solid;
	}
#menusub img
	{
		margin: 5px 0px 5px 0px ;
		background-color: #999999;
		border: 0px;
	}
#contenidopie {
	width:100%;
	height:65px;
	border: 1px #cccccc dotted;
	position:absolute;
	left:0px;
	top:325px;
	padding: 0px;
}
#portafolio #contenidopie {
	width:100%;
	height:40px;
	border: 1px #cccccc dotted;
	position:absolute;
	left:0px;
	top:350px;
	padding: 0px;
}
#contenidopietxt {
	height:65px;
	position:absolute;
	left:184px;
	top: 5px;
	color: #999966;
}
	
#menuimg
	{
	position:absolute; 
	width:135px;
	height:391px;
	left:10px;
	top:45px;
	
	background-color: #999966;
	background : #999966 url(../img/home_img.jpg) center center no-repeat;        
	}

#menuimg a, #menuimg2 a, #menuimg3 a, #menuimg4 a
	{
	width:135px;
	height:391px;
	display:block;
}
#menuimg2 , #menuimg3 , #menuimg4 
	{
	position:absolute; 
	width:135px;
	height:391px;
	left:10px;
	top:45px;
	z-index: 210;
	background-color: #999966;
	}
#inicio #menuimg
	{
	left:225px;
	left:10px;
	background : #eeeeee url(../img/home_img.jpg) center center no-repeat; 
	}
#menuimg2
	{
	left:365px;
	background : #eeeeee url(../img/einstein2_img.jpg) top center no-repeat; 
	}
#menuimg3
	{
	left:505px;
	background : #eeeeee url(../img/davinci_img.jpg) top center no-repeat; 
	}
#menuimg4
	{
	left:645px;
	background : #eeeeee url(../img/gecko_img.jpg) top center no-repeat; 
	}
#estudio #menuimg
	{
	background : #eeeeee url(../img/home_img.jpg) center center no-repeat; 
	}
#estudio
	{
	background : #ffffff url(../img/bg2.jpg) left top repeat-x; 
	}
	
#multimedia #menuimg
	{
	background : #eeeeee url(../img/gecko_img.jpg) top center no-repeat; 
	}
#multimedia
	{
	background : #ffffff url(../img/bg3.jpg) left top repeat-x; 
	}
	
#ingenieria #menuimg
	{
	background : #eeeeee url(../img/davinci_img.jpg) center center no-repeat; 
	}
#ingenieria
	{
	background : #ffffff url(../img/bg4.jpg) left top repeat-x; 
	}
#informatica #menuimg
	{
	background : #eeeeee url(../img/einstein2_img.jpg) center center no-repeat; 
	}
#informatica
	{
	background : #ffffff url(../img/bg5.jpg) left top repeat-x; 
	}
	
#portafolio #menuimg
	{
		background : #eeeeee url(../img/raton_img.jpg) center center no-repeat; 
	}
#portafolio
	{
	background : #ffffff url(../img/bg6.jpg) left top repeat-x; 
	}
	
#contacto #menuimg
	{
		background : #eeeeee url(../img/micro_img.jpg) center center no-repeat; 
	}
#contacto
	{
	background : #ffffff url(../img/bg7.jpg) left top repeat-x; 
	}
	
#formulariocontacto {
	font-size:0.9em;
	width:200px;
	margin-top: 5px;
	margin-left: 5px;
text-align:left;

}
#formulariocontacto input{
	font-family: verdana, arial;
	width:100%;
	height: 17px;
	font-size: 0.85em;

}
#formulariocontacto label{
	width:100%;
	height: 14px;
	color: #666633;
}
#formulariocontacto textarea{
	font-family: verdana, arial;
	font-size: 0.9em;
	width:100%;;
	height: 75px;
}
#formulariocontacto input.button {
	width:60px;
	height: 19px;
	BACKGROUND: #666633;         
    BORDER: #000000 0px solid; 
	margin: 5px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
}
#formulariocontacto input.button2 {
	width:60px;
	height: 19px;
	BACKGROUND: #EEEED7;         
    BORDER: #999966 0px solid; 
	margin: 5px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	color: #999966;
	text-align: center;
}

#form {
	margin: 0px 5px 0px 27px;
}

#pie   
	{
	position:absolute;
	width:790px;
	height:30px;
	left:0px;
	padding-left:20px;
	top: 450px;
	z-index: 1;
	}

#menupie
	{
	font-size: 0.8em;
	position:absolute;
	width:100%;
	height:35px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 10;
	text-align: left;
	float:left;
	}
#menupie2
	{
	color: #5CB3E0;
	font-size: 0.8em;
	position:absolute;
	height:35px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 5;
	text-align: right;
	width: 790px; 	
	border: 0px #ccc solid;
	}
#menupie ul
	{ 	
	border: 0px #ccc solid;
	height:20px;
	margin:0px;
	padding:0px;
	left:0;
	top:0;
	visibility:visible;
	z-index: 1;
	text-align: left;
	float: left;
	display: block;
	}
#menupie ul li
	{
	text-align: left;
	float: left;
	display: block;
	border-left: 1px #999966 solid;
	padding: 0px 5px 0px 5px;
	color: #EEEED7;
	}

	
	#pie1   
	{
	position:absolute;
	width:162px;
	height:57px;
	left:17px;
	top:381px;
	z-index: 1;

	}

.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	color: #000000;
	text-align: justify;
}

.textocolor1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	color: #EF1313;
}
.textocolor2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #757575;
}

.txtform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
}
.txtformOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #EF1313;
	text-decoration:none;
}
a.txtformOn: link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #EF1313;
	text-decoration:none;
}
a.txtformOn: hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #EF1313;
	text-decoration:underline;
}
a.txtformOn: active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #EF1313;
	text-decoration:underline;
}
	
/* Estilos personalizados */	
	
#infocont
	{
	position:absolute;
	/*background : transparent url(../img/fondo_tienda.jpg); */
	width:628px;
	height:350px;
	top:45px;
	right:0px;	
	border: 0px #ccc dashed;
	margin-right: 10px;
	}
#portafolio #infocont ul
	{
	padding:0px;
	margin:0px;
	list-style-type:none;
	}
#portafolio #infocont p
	{
	margin-top:0px;
	}
#portafolio #infocont img.portafolio
	{
	width:68px;
	height:25px;
	border: 0px #EEEED7 solid;
	background-color: #EEEED7;
	/*background : transparent url(../img/sin_bg.gif); */
	}	
#scrollmenu
	{
	border: 0px #ccc dashed;
	position:absolute;
	left:0px;
	top: 90px;
	width:170px;
	height:297px;
	}

#scrollmenutit, h4
	{
	margin: 5px 5px 5px 0px;
	position:absolute;
	left:0px;
	top: 0px;
	width:100%;
	text-align: right;
	border-bottom: 1px #999966 solid;
	color: #999966;
	font-weight:normal;	
	font-size:1em;
	}

#WzTtDiV  h4	{
	margin: 5px 0px 7px 0px;
	position:relative;
	left:-5px;
	top: 0px;
	width: 112px;
	text-align: right;
	border-bottom: 1px #666633 solid;
	color: #666633;
}

#scrollcont2
	{
	border: 0px #ccc dotted;
	position:absolute;
	left:410px;
	top: 90px;
	width:218px;
	height:217px;
	/*background-color: #999966;*/
	background-color: #EEEED7;
	}
#inicio #scrollcont2 p
	{
	color:#999966;
	}
#inicio #scrollcont2 ul
	{
	margin-left:3px;
	}
#inicio #scrollcont2 ul li
	{
	margin-bottom:10px;
	color:#999966;
	}

#scrollcont3
	{
	color: #999966;
	border: 0px #ccc dotted;
	position:absolute;
	left:400px;
	top: 90px;
	width:228px;
	height:301px;
	/*background-color: #999966;*/
	background-color: #EEEED7;
	}
#inicio #scrollcont2
	{
	left:0px;
	top: 90px;
	width:190px;
	height:301px;
	z-index: 1;
	}
#inicio #infocont
	{
	left:150px;
	}

	
#scrollcont2 ul {
	padding-left: 10px;
	margin-left: 10px;
}


#scrollcont
	{
	border: 0px #ccc dotted;
	position:absolute;
	left:180px;
	top: 90px;
	width:218px;
	height:217px;

	}
#portafolio #scrollcont table, #portafolio #scrollcont11 table
	{
	position:relative;
	left:0px;
	top: 20px;
		border-bottom: 1px #ccc dotted;
	}
#portafolio #scrollcont11 
	{
	border: 0px #ccc dotted;
	position:absolute;
	left:180px;
	top: 210px;
	width:218px;
	height:207px;

	}
ul.dir {
	font-size: 0.9em;
	color:#000000;
	margin: 0px 5px 5px 26px;
	padding: 15px 0px 0px 0px;
	text-align: left;

}
.dir li p {
	margin: 7px 0px 9px 0px;
	padding:0px;

}
.telefono {
	font-size:1.2em;
	color: #666633;
}