/*EStilos generales que le aplican a todo siempre*/
*{margin:0; padding:0;}
img, iframe {border:none; text-decoration:none;}
ol, ul, li {list-style:none;}
a {text-decoration:none;}
/*TERMI NAN ESTILOS GENERALES*/


h1.fontface {font: 22px 'MichromaRegular', Arial, sans-serif;letter-spacing: 0;}

p.style1 {font: 10px 'MichromaRegular', Arial, sans-serif;}


html
{
	height: 100%
}
	
body
{ 
	font-family:'MichromaRegular';
	padding: 0;
	margin: 0;
	background-color: #7E855E;
	border-top:7px solid #790033;
	z-index: -100;
}
#contenedoraccesoclientes
{
	font-size: 12px;
	color:#ffffff;
	height: 15px;
	background: #790033;
	padding-bottom: 5px;
}

#contentInfoLinkAccesos
{
	margin:0 auto;
	color:#ffffff;
	height: 15px;
	padding-bottom: 5px;
	width:1100px;
	text-align: right;
	padding-right: 30px;
}

#contentInfoLinkAccesos a
{
	margin:0 auto;
	color:#ffffff;
	height: 15px;
	padding-bottom: 5px;
	width:1100px;
	text-align: right;
	padding-right: 30px;
}


#titulogaleria
{
	font-size: 14px;
	color:#790033;
	padding-left: 80px;
}
#maincontenedor
{
 	width:100%;
 	border:0px solid red;
 	float:left;
 	height: auto;
 	position: relative;
}

#contenedorfondogris
{
	width:100%;
 	border:0px solid blue;
 	background-color: #f2f2f2;
 	height: auto;
 	display: table;
}

#contenedormenu
{
	width:300px;
	height:auto;
	z-index: 100;
	float:left
}




#logotipo
{
    width:365px;
    height:138px;
    margin-left:-8px;
    position:absolute;
    top:0px;
    left:0px;
    background: url('../images/menu_001.png') no-repeat top left;
   
}

#menu
{
	height: 650px;
	width:365px;
	border:0px solid red;
}
/**ESTILOS PARA EL MENU **/
ul#navigation {
    position: relative;
   
    padding-top: 0px;
    top: 137px;
    left: -2px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -10px;
    margin-top:0px;
    width: 465px; 
    height: 72px;    
   
   
    background-image: url(../images/sa.png);
    background-repeat:no-repeat;
    background-position:center center;
     
    color:#FFFFFF;
   
    
}

ul#navigation .empresa a{
    background-image: url(../images/menu_002.png);
    
}

ul#navigation .empresa a:hover{
    background-image: url(../images/menu_002_over.png);
}


ul#navigation .servicios a{
    background-image: url(../images/menu_003.png);
   
}

ul#navigation .servicios a:hover{
    background-image: url(../images/menu_003_over.png);
}

ul#navigation .galeria a{
    background-image: url(../images/menu_004.png);
    
}
ul#navigation .galeria a:hover{
    background-image: url(../images/menu_004_over.png);
}



ul#navigation .ubicacion a{
    background-image: url(../images/menu_005.png);
   
}

ul#navigation .ubicacion a:hover{
    background-image: url(../images/menu_005_over.png);
}

ul#navigation .contacto a{
    background-image: url(../images/menu_006.png);
   
}

ul#navigation .contacto a:hover{
    background-image: url(../images/menu_006_over.png);
}

ul#navigation .pie {
    background-image: url(../images/menu_007.png);
    margin-left:-3px;
    margin-top:5px;
    width:364px;
	height:145px;
	
}

ul#navigation .pie2 {
    background-image: url(../images/menu_007_2.png);
    margin-left:-3px;
    margin-top:5px;
    width:364px;
	height:230px;

}
/**TERMINAN ESTILOS PARA MENU **/


/**** CONTENEDOR CONTENIDOS EMPRESA**/
#containerempresa {
	width: 725px;
	margin-left: 365px;
	margin-top: 0px;
	border:0px solid blue;
	float:left;
	 position:absolute;
}

#contendorinfoempresa
{
	width:650px;
	margin-top: 60px;
	padding-left: 40px;
}

#contendorinfoempresa p
{
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
	line-height:20px;
	text-align: justify;
	padding-bottom: 25px;
	z-index: 1;
}

#contendorinfoempresa p.vino
{
	font-size: 12px;
	color: #790033;
	letter-spacing: 1px;
	line-height:20px;
	text-align: justify;
	padding-bottom: 25px;
	z-index: 1;
	
	
}



/**** TERMINA CONTENEDOR CONTENIDOS EMPRESA**/

/*******ESTILOS DE SERVICIOS *******/
#contenedorlistaservicios
{
	width:500px;
	float:right;
	margin-top: 70px;
	
}

li.listaservicios
{
	color: #4c4c4c;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	border-bottom: 2px solid #790033;
}

li.listaservicios a
{
	color: #4c4c4c;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	border-bottom: 2px solid #790033;
}

li.listaservicios a:hover 
{
	color: #7E855E;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	font-weight: bold;
	border-bottom: 2px solid #790033;
}

li.listaservicios span
{
	padding-left: 10px;
}


li.listaserviciosprincipal 
{
	color: #790033;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	border-bottom: 2px solid #790033;
}

li.listaserviciosprincipal a
{
	font-size: 20px;
	font-weight: bold;
	color: #790033;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	border-bottom: 2px solid #790033;
}

li.listaserviciosprincipal a:hover
{
	font-size: 21px;
	font-weight: bold;
	color: #7E855E;
	list-style: none;
	padding-right: 0px;
	text-align: right;
	border-bottom: 2px solid #790033;
}

li.listaserviciosprincipal span
{
	padding-left: 10px;
}
/****TERMINAN ESTILOS DE SERVIICIOS********/


/***ESTILOS SERVICIOS DESCRIPCION ****/
#containerLargo
{
	width: 100%;
	height:735px;
	margin-top: 0px;	
}

#contenidos_mc
{
	width:650px;
	height:670px;
	border: 0px solid #ffffff;
	margin-left:450px;
	padding-left: 20px;
	padding: 20px;
}

h1.contenidos
{
	color: #790033;
	text-align: right;
	padding-bottom: 10px;
	z-index: 1;
	
}

#menuhorizontalservicios
{
	width:300px;
	border:0px solid red;
	float: right;
}

#menuhorizontalservicios ul li
{
	display: inline;
	font-size: 11px;
	color:#790033;
	text-align: center;
	padding-left: 8px;
	font-weight: bold;
}

#menuhorizontalservicios li a
{
	display: inline;
	
	color:#790033;
	text-decoration: none;
}

#contenedorservicio2
{
	width:650px;
	float:right;
	height:550px;
	padding-top: 50px;
	border:0px solid blue;
	
}


li.conceptosservicios
{
	color: #4c4c4c;
	
	padding-right: 10px;
	text-align: right;
	font-size:12px;
	padding-bottom: 10px;
	
	
}

li.conceptosserviciosleft
{
	color: #4c4c4c;
	
	padding-left: 0px;
	text-align: left;
	font-size:11px;
	padding-bottom: 10px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	word-spacing:5px;
	
}

.bullet
{
	padding-right: 10px;
}

/*
#ulconceptosservicios
{
	width:400px;
	float:right;
}



/*****CONTACTO FORM*/

#contenidosContacto
{
	width:725px;
	height:630px;
	border: 0px solid #ffffff;
	margin-left:450px;
	padding: 1px;

}
#formulariocontacto
{
	width:340px;
	
	float:left;
	border-right:1px solid #4c4c4c;
	padding-right: 20px;
	margin-top: 10px;
	margin-left: 40px;
}

#formularioContactoDatos
{
	margin-top:-15px;
	width:280px;
	float:left;
	border-right:0px solid #4c4c4c;
	padding-left: 20px;
	border:0px solid red;
	padding-top: 30px;
}

p.contacto
{
	font-size: 12px;
	color: #4c4c4c;
	letter-spacing: 1px;
	text-align: justify;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	z-index: 1;
}

fieldset
{
	margin-top:5px;
	
	border: 0px solid #000;
}

div.medidas
{
	margin-bottom: 10px;
	
}

div.medidas label
{
	font-size:12px;
	color:#790033;
	float:left;
	width:120px;
	padding-bottom: 0px;
	letter-spacing:1px;
	padding-left: 5px;
	
}

div.medidas input
{
	width:300px; 
	background-color: #ebebeb; 
	border:none;
	height:20px;
	font-size: 12px;
	color:#4c4c4c;
}

div.medidas textarea
{
	width:300px; 
	background-color: #ebebeb; 
	border:none;
	color:#4c4c4c;
	font-size: 12px;;
}

.botones
{
	font-size: 14px;
	color:#ffffff;
	background-color: #868E6E;
	width:100px;
	height:30px;
	cursor: pointer;
	margin-top:7px;
	margin-left: 20px;
}

#divboton
{
	margin:0 auto;
	padding-left:110px;
}

h3.contacto
{
	color: #790033;
	text-align: left;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	
}

h3.contactodato
{
	color: #4c4c4c;
	text-align: left;
	padding-bottom: 12px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}
/****************/
/***************INICIAN ESTILOS PARA EL PIE ******/
#contenedorprincipalpie
{
	width:100%;
	bottom: 0;
}



#contenedorpieserviciostexto
{
	color:#790033;
	font-size: 12px;
	text-align:left;
	width:100%;
	background-color: #ffffff;
	height: 30px;
	padding-top: 10px;
	padding-left: 200px;
}

#contenedorpieserviciostexto ul li
{
	display: inline;
	
	text-align: center;
	padding-left: 8px;
	font-weight: normal;
	width:100%;
	padding-top: 10px;
	margin-top: 20px;
}

#contenedorpie
{
	width: 100%;
	height:100px;
	
	background-color: #7E855E;
	padding-top:20px;
	
	border-top:10px solid #790033;
	border-bottom:0px solid #790033;
}


#coltrespie
{
	margin:0 auto;
	width:500px;
	height:100px;
	border-right: 0px solid #c0c6a6;
	padding-left: 20px;
	
}

label.etiquetapie1
{
	color:#790033;
	font-size:  12px;
	font-weight: normal;
	padding-bottom: 10px;
}


#contenedorLinkGaleriaServicios ul li 
{ 
	display: inline; 
	padding-left: 30px;
	float: right;
}

.subtituloserviciosoequipo
{
	font-size:12px;
	color: #790033;
	text-align: left;
	padding-bottom: 5px;
	z-index: 1;
}

p.descservicio
{
	font-size: 12px;
	color: #4c4c4c;
	letter-spacing: 1px;
	line-height:18px;
	padding-bottom: 25px;
	z-index: 1;
	text-align: justify;
}

.descservicioequipo
{
	font-size: 10px;
	color: #000000;
	letter-spacing: 1px;
	line-height:12px;
	padding-bottom: 25px;
	z-index: 1;
	text-align: justify;
}

/*
#formulario {

 padding: 1em;

}

#formulario fieldset {

 width: 200px;
 padding: 0 0 0 0;
 border: 0;
 text-align: left;

}

#formulario label {

 display: block;
 padding: 5px 0 5px 0;
 color:#000000;
 font-weight: normal;
 text-align: left;
 font-size: 14px;

}

#formulario input[type=text], textarea {

 padding: 1px 0 1px 0;
 border: 1.5px dashed #790033;
 color: #5b5c5c;
 font-family: inherit;
 font-size: inherit;
 margin-bottom:5px;
 text-align: left;
 font-size: 14px;
 
}

#formulario input[type=text]:focus, textarea:focus {

 background: #eeeeee;
	
}

#formulario input[type=submit] {

 border: none;
 margin-right: 1em;
 padding: 6px;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 -moz-border-radius: 4px;
 background: #707173;
 color: white;
 width: 100px;
 text-align: center;
 margin-top: 25px;

}

#formulario input[type=submit]:hover {
 background: #3c3c3c;
 cursor: pointer;
}
*/

#validar-nombre, #validar-correo, #validar-empresa, #validar-asunto, #validar-mensaje {
 position: absolute;
 width: 100px;
}

#validar-nombre img, #validar-correo img, #validar-empresa img, #validar-asunto img, #validar-mensaje img {
 padding:0px 0 0 0px;
 border:0px;
 background-color: #F0F0F0;
}

.envioexitoso
{
	color:#790033;
	font-size: 12px;
}

/*
body.empresa
{ 
	font-family:'MichromaRegular';
	
	background-color: #7E855E;
	border-top:7px solid #790033;
	z-index: -100;
}

body.servicios
{ 
	font-family:'MichromaRegular';
	
	background-color:#7E855E ;
	border-top:7px solid #790033;
	z-index: -100;
}


#contenedorprincipal
{
	width:100%;
	border:0px solid #790033;
	height: 100%;
	background-color: #f2f2f2;
}




#contenedormenu
{
	width:300px;
	height:auto;
	z-index: 100;
	background-color: #dadada;
}



#logotipo
{
    width:365px;
    height:138px;
    margin-left:-8px;
    position:absolute;
    top:0px;
    left:0px;
    background: url('../images/menu_001.png') no-repeat top left;
    border-top:7px solid #790033;
  
}








#containerservicios {
	width: 100%;
	height:740px;
	margin-top: 0px;
	border:0px solid red;
}

#contenidosempresa
{
	width:650px;
	height:450px;
	border: 0px solid #ffffff;
	margin-left:400px;
	padding-left: 20px;
	padding: 00px;
 

}





#container {
	width: 100%;
	height:650px;
	margin-top: 0px;
	border:0px solid red;
}

#containerUnCuarto {
	width: 100%;
	height:600px;
	margin-top: 0px;
	background: rgba(255, 255, 255, 0.7);
	
	opacity: 0.7 ;
	background-color: #ffffff ;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#containertresCuarto
{
	width: 100%;
	height:690px;
	margin-top: 0px;
	
}


#contenidos
{
	width:650px;
	height:450px;
	border: 0px solid #ffffff;
	margin-left:400px;
	padding-left: 20px;
	padding: 0px;
  

}


#contenidos_con
{
	width:650px;
	height:600px;
	border: 0px solid #ffffff;
	margin-left:450px;
	padding-left: 20px;
	padding: 20px;
	
}





#contenidosContacto
{
	width:725px;
	height:630px;
	border: 0px solid #ffffff;
	margin-left:450px;
	padding: 1px;

}
#formulariocontacto
{
	width:320px;
	
	float:left;
	border-right:1px solid #4c4c4c;
	padding-right: 20px;
	margin-top: 10px;
	margin-left: 20px;
}

#formularioContactoDatos
{
	margin-top:20px;
	width:300px;
	float:left;
	border-right:0px solid #4c4c4c;
	padding-left: 20px;
	border:0px solid red;
	padding-top: 30px;
}

p.contacto
{
	font-size: 12px;
	color: #4c4c4c;
	letter-spacing: 1px;
	text-align: justify;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	z-index: 1;
}

fieldset
{
	margin-top:5px;
	
	border: 0px solid #000;
}

div.medidas
{
	margin-bottom: 10px;
	
}

div.medidas label
{
	font-size:12px;
	color:#790033;
	float:left;
	width:120px;
	padding-bottom: 0px;
	letter-spacing:1px;
	padding-left: 5px;
	
}

div.medidas input
{
	width:300px; 
	background-color: #ebebeb; 
	border:none;
	height:20px;
	font-size: 12px;
	color:#4c4c4c;
}

div.medidas textarea
{
	width:300px; 
	background-color: #ebebeb; 
	border:none;
	color:#4c4c4c;
	font-size: 12px;;
}

.botones
{
	font-size: 14px;
	color:#ffffff;
	background-color: #868E6E;
	width:100px;
	height:30px;
	cursor: pointer;
	margin-top:7px;
}

#divboton
{
	margin:0 auto;
	padding-left:110px;
}








h2.contenidos
{
	color: #790033;
	text-align: right;
	padding-bottom: 16px;
	z-index: 1;
	
}

h3.contenidos
{
	font-size:12px;
	color: #790033;
	text-align: right;
	padding-bottom: 5px;
	z-index: 1;
	
}




h3.ubicacion
{
	font-size:14px;
	color: #4c4c4c;
	text-align: right;
	padding-bottom: 5px;
	z-index: 1;
	
}

p.contenidos
{
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
	line-height:15px;
	text-align: justify;
	padding-bottom: 25px;
	z-index: 1;
	
	
}






#contenedorservicio
{
	width:650px;
	float:right;
	height:700px;
	padding-top: 50px;
	
}





p.descservicio
{
	font-size: 12px;
	color: #4c4c4c;
	letter-spacing: 1px;
	line-height:18px;
	text-align: right;
	padding-bottom: 25px;
	z-index: 1;
	text-align: justify;
}





**************ESTILOS PARA EL PIE************************









#contenedorpieservicios
{
	background-color: blue;
	height:30px;
	width:100%;
	padding-top:20px;
	padding-right:100px;
}







#colunopie
{
	width:200px;
	
	float: left;
	padding-top:120px;
	padding-left:20px;
	border-right: 1px solid #c0c6a6;
}

#coldospie
{
	float: left;
	width:400px;
	height:200px;
	border-right: 1px solid #c0c6a6;
	padding-left: 20px;
}


h2.pieservicios
{
	color:#790033;
	font-size:  18px;
	font-weight: bold;
}

h2.telefonos
{
	color:#790033;
	font-size:  12px;
	font-weight: bold;
	padding-bottom: 10px;
}

h1.telefonos
{
	color:#c0c6a6;
	font-size:  12px;
	font-weight: normal;
	padding-bottom: 10px;
}



#biolaFooter 
{ 
	border:0px solid white;
	width:900px; 
	margin-left:30px; 
	overflow:auto; 
	padding:0 0; 
	
}

#biolaFooter .derechos
{
	width:300px;
	border-right:1px solid #ffffff;
	
}




#biolaFooter, #biolaFooter a { color:#CCC; }
#biolaFooter a { text-decoration:underline; }
#biolaFooter a:hover { text-decoration:none; }
#navBiolaSupplemental { float:right; width:341px; margin:0 11px 0 0; display:inline; /* IE 6 doubled margin fix */ }
#navBiolaSupplemental ul { list-style-type:none; margin:7px 0 0 33px; padding:0; font:12px/1 ; }
#navBiolaSupplemental ul li { float:left; width:154px; margin:0 0 10px; padding:0; }
#siteinfo { float:left; width:407px; font:normal 12px/1.5 ; margin:0 0 0 11px; display:inline; /* IE 6 doubled margin fix */ }
#siteinfo .org { display:block; width:145px; height:40px; background:url(images/logo_weak.png) 0 0 no-repeat; float:left; margin:0 0 8px 0; /* Hide Text */ text-indent:-1000px; overflow:hidden; }
#siteinfo .adr, #siteinfo .tel, #siteinfoMapLink { float:right; clear:right; width:240px; font-size:12px; font-style:normal; line-height:1.6; }
#siteinfo .adr { padding:4px 0 0 0; }
#siteinfo .tel { margin:0 0 9px 0; }
#siteinfoLegal { float:left; clear:left; width:142px; text-align:center; font-size:10px; }
#siteinfoLegal, #siteinfoLegal a { color:#999; }

*/