/***************************************/
/*          CUERPO DE LA PAGINA        */
/***************************************/
body{

	background: #EAECF4;
	margin: 0px auto;
	padding: 0px;
	font: 11px/ 15px verdana, sans-serif;
	color: #000000;
	text-align: center;
}


/************************************/
/*    CAPA DE CABECERA DE LA PAGINA   */
/************************************/
#cabecera{
	background: url(../img/cabecera.gif) right no-repeat white;
	margin:0px auto;
	margin-top: 10px;
	padding:0px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	text-align: left;
	text-decoration:none;
	color: #000000;
	width: 770px;
	height: 124px;
	border:1px solid #1E2462;
	border-bottom: 1px solid #C2C3CC;
}


#logo{
	margin:0px;
	margin-left:15px;
	padding:0px;
	width: 172px;
	height: 122px;
	background: url(../img/logo.gif) white center no-repeat;
	cursor: pointer;
}

/************************************/
/*    CAPA DE MENU DE LA PAGINA   */
/************************************/
#menu{
	background: white;
	margin:0px auto;
	padding:0px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	text-align: left;
	text-decoration:none;
	color: #000000;
	width: 770px;
	height: 30px;
	border:1px solid #1E2462;
	border-top: 0px;
	border-bottom: 0px;
}

#menuLat{
	display:inline;
	float:left;
	margin:0px;
	margin-left:25px;
	padding:0px;
	width:186px;
	border:1px solid #C2C3CC;
	border-right:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: right;
}

#menuLat h3{
	margin:0px;
	margin-bottom: 3px;
	padding:0px;
	padding-top:8px;
	padding-right:5px;
	width:100%;
	height:35px;
	font-size: 12px;
	font-family: Trebuchet MS,verdana,sans-serif;
	font-weight: bold;
	border-right: 10px solid #66CD6D;
	color:#444444;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#menuLat h3.sel{
	border-right: 10px solid #FA89BE;
}

#menuLat h3.last{
	margin:0px;
}

#menuLat h3.lastSel{
	margin:0px;
	border-right: 10px solid #FA89BE;
}

#menuLat h3 a{
	text-decoration: none;	
	color:#444444;
}

#menuLat h3 a:hover{
	text-decoration: none;
	color:red;
}



#email{
	margin:0px auto;
	padding-top: 4px;
	font-size: 11px;
	font-family: Trebuchet MS, verdana, sans-serif;
	width: 109px;
	height: 23px;
	font-family: Trebuchet MS, verdana, sans-serif;
	display: inline;
	float:right;
	color: #C2C3CC;
}

#email a{
	text-decoration: none;
	color: #C2C3CC;
}

#email a:hover{
	text-decoration: none;
	color:#FBC83D;
}


#botonMenuEmp{
	margin:0px auto;
	margin-left: 1px;
	padding:0px;
	width: 97px;
	height: 23px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-weight:bold;
	border: 1px solid #C2C3CC;
	border-top:0px;
	display: inline;
	float:left;
	background: url(../img/icoemp.gif) left no-repeat;
}

#botonMenuProd{
	margin:0px auto;
	margin-left: 1px;
	padding:0px;
	width: 106px;
	height: 23px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-weight:bold;
	border: 1px solid #C2C3CC;
	border-top:0px;
	display: inline;
	float:left;
	background: url(../img/icoprod.gif) left 5px no-repeat;
}

#botonMenuServ{
	margin:0px auto;
	margin-left: 1px;
	padding:0px;
	width: 104px;
	height: 23px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-weight:bold;
	border: 1px solid #C2C3CC;
	border-top:0px;
	display: inline;
	float:left;
	background: url(../img/icoserv.gif) left no-repeat;
}

#botonMenuLoca{
	margin:0px auto;
	margin-left: 1px;
	padding:0px;
	width: 104px;
	height: 23px;	
	font-family: Trebuchet MS, verdana, sans-serif;
	font-weight:bold;
	border: 1px solid #C2C3CC;
	border-top:0px;
	display: inline;
	float:left;
	background: url(../img/icoloca.gif) left no-repeat;
}

#botonMenuCont{
	margin:0px auto;
	margin-left: 1px;
	padding:0px;
	width: 83px;
	height: 23px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-weight:bold;
	border: 1px solid #C2C3CC;
	border-top:0px;
	display: inline;
	float:left;
	background: url(../img/icoconta.gif) left no-repeat;
}

#botonMenuEmp p{
	margin:0px auto;
	margin-top: 4px;
	margin-left: 25px;
	padding: 0px;
	font-size: 11px;
	color: #5A5A5A;
}

#botonMenuEmp p a,#botonMenuProd p a,#botonMenuServ p a,#botonMenuLoca p a,#botonMenuCont p a{
	text-decoration: none;
	color: #5A5A5A;
}

#botonMenuEmp p a:hover,#botonMenuProd p a:hover,#botonMenuServ p a:hover,#botonMenuLoca p a:hover,#botonMenuCont p a:hover{
	text-decoration: none;
	color: #FBC83D;
}

#botonMenuEmp p a.sel,#botonMenuProd p a.sel,#botonMenuServ p a.sel,#botonMenuLoca p a.sel,#botonMenuCont p a.sel{
	text-decoration: none;
	color: #3E9ED5;
}


#botonMenuProd p{
	margin:0px auto;
	margin-top: 4px;
	margin-left: 20px;
	padding: 0px;
	font-size: 11px;
	color: #5A5A5A;
}

#botonMenuServ p{
	margin:0px auto;
	margin-top: 4px;
	margin-left: 20px;
	padding: 0px;
	font-size: 11px;
	color: #5A5A5A;
}

#botonMenuLoca p,#botonMenuCont p{
	margin:0px auto;
	margin-top: 4px;
	margin-left: 23px;
	padding: 0px;
	font-size: 11px;
	color: #5A5A5A;
}

#colorMenu{
	background: #D9CAE7;
	margin:0px auto;
	margin-left: 15px;
	padding:0px;
	width: 9px;
	height: 23px;
	border-bottom: 1px solid #D9CAE7;
	display: inline;
	float:left;
}

#colorMenu.first{
	margin-left: 23px;	
}


#colorMenuSel{
	background: #FCA823;
	margin:0px auto;
	margin-left: 15px;
	padding:0px;
	width: 9px;
	height: 23px;
	border-bottom: 1px solid #FCA823;
	display: inline;
	float:left;
}

#colorMenuSel.first{
	margin-left: 23px;	
}


/************************************/
/*    CAPA DE DATOS DE LA PAGINA   */
/************************************/
#container{
	background: white;
	margin:0px auto;
	padding:0px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: justify;
	text-decoration:none;
	color: #000000;
	width: 770px;
	border:1px solid #1E2462;
	border-top: 0px;
	border-bottom: 0px;
	overflow:auto;
}

#containerIndex{
	background: white;
	margin:0px auto;
	padding:0px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	text-align: justify;
	text-decoration:none;
	color: #000000;
	width: 770px;
	border:1px solid #1E2462;
	border-top: 0px;
	border-bottom: 0px;
	overflow:auto;
}

#subCont{
	display: inline;
	float:right;
	margin:0px;
	margin-right:5px;
	padding:0px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: justify;
	text-decoration:none;
	color: #000000;
	width: 540px;
	overflow:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/************************************/
/*    CAPAS DE INICIO DE LA PAGINA   */
/************************************/
#naranja{
	background: #FCA823;
	margin:0px auto;
	margin-left: 23px;
	margin-top: 20px;
	padding:0px;
	text-decoration:none;
	width: 15px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-right:0px;
	display: inline;
	float:left;
}
#C1{
	background: url(../img/inicasa.gif) white bottom right no-repeat;
	margin:0px auto;
	margin-top: 20px;
	padding:0px;
	text-decoration:none;
	width: 338px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-left:0px;
	display: inline;
	float:left;
}

#C1 p{
	font-size: 24px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-style: italic;
	color: #97979E;
	margin-left: 15px;
	margin-top: 7px;	                  
}

#C1 p.texto{
	display:inline;
	float:left;
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #6E6E72;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 40px;
}

#C1info{
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #FCA823;
	margin: 0px;
	margin-top:150px;
	margin-left:15px;
}

#c1info a{
	text-decoration:none;
	color: #FCA823;
}

#c1info a:hover{
	text-decoration:none;
	font-weight: bold;
	color: #FCA823;
}


#C2{
	background: url(../img/inicoche.gif) white bottom left no-repeat;
	margin:0px auto;
	margin-left: 15px;
	margin-top:20px;
	padding:0px;
	text-decoration:none;
	width: 338px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-right:0px;
	display: inline;
	float:left;
	text-align: right;
}

#C2 p{
	font-size: 24px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-style: italic;
	color: #97979E;
	margin-right: 15px;
	margin-top: 7px;
}

#C2 p.texto{
	display:inline;
	float:right;
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #6E6E72;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 40px;
}

#C2info{
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #89BCFA;
	margin: 0px;
	margin-top:150px;
	margin-right:15px;
}

#c2info a{
	text-decoration:none;
	color: #89BCFA;
}

#c2info a:hover{
	text-decoration:none;
	font-weight: bold;
	color: #89BCFA;
}

#azul{
	background: #89BCFA;
	margin:0px auto;
	margin-top:20px;
	padding:0px;
	text-decoration:none;
	width: 15px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-left:0px;
	display: inline;
	float:left;
}

#morado{
	background: #D2D5EB;
	margin:0px auto;
	margin-left: 23px;
	margin-top: 18px;
	padding:0px;
	text-decoration:none;
	width: 15px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-right:0px;
	display: inline;
	float:left;
}

#C3{
	background: url(../img/iniconst.gif) white top right no-repeat;
	margin:0px auto;
	margin-top: 18px;
	padding:0px;
	text-decoration:none;
	width: 338px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-left:0px;
	display: inline;
	float:left;
}

#C3 p{
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #B9BDD9;
	margin-top:5px;
	margin-left:15px;
}

#C3 p.texto{
	display:inline;
	float:left;
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #6E6E72;
	margin-left: 15px;
	margin-top: 15px;
	line-height: 40px;
}

#c3 p a{
	text-decoration:none;
	color: #B9BDD9;
}

#c3 p a:hover{
	text-decoration:none;
	font-weight: bold;
	color: #B9BDD9;
}

#C3info{
	font-size: 24px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-style: italic;
	color: #97979E;
	margin-left: 15px;
	margin-top: 150px;
}

#C4{
	background: url(../img/inivida.gif) white top left no-repeat;
	margin:0px auto;
	margin-left: 15px;
	margin-top:18px;
	padding:0px;
	text-decoration:none;
	width: 338px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-right:0px;
	display: inline;
	float:left;
	text-align: right;
}

#C4 p{
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #66CD6D;
	margin: 0px;
	margin-top:5px;
	margin-right:15px;
}

#C4 p.texto{
	display:inline;
	float:right;
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-style: normal;
	color: #6E6E72;
	margin-left: 15px;
	margin-top: 30px;
	line-height: 40px;
}

#c4 p a{
	text-decoration:none;
	color: #66CD6D;
}

#c4 p a:hover{
	text-decoration:none;
	font-weight: bold;
	color: #66CD6D;
}

#C4info{
	font-size: 24px;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-style: italic;
	color: #97979E;
	margin-right: 15px;
	margin-top: 150px;
}


#verde{
	background: #66CD6D;
	margin:0px auto;
	margin-top:18px;
	padding:0px;
	text-decoration:none;
	width: 15px;
	height: 194px;
	border:1px solid #C2C3CC;
	border-left:0px;
	display: inline;
	float:left;
}

#blanco{
	margin:0px;
	padding: 0px;
	height: 25px;
	width: 10px;
	clear:both;
	display: block;
}

/*************************************/
/*    CAPA DE CONTENIDOS DE LA PAGINA */
/*************************************/

#container img.left{
	margin:0px auto;
	padding: 0px;
	display:inline;
	margin-top:15px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:10px;
	float: left;
	border: 1px solid #C3BCC9;
}


#container img.right{
	margin:0px auto;
	padding: 0px;
	display:inline;
	margin-top:15px;
	margin-left:25px;
	margin-right:25px;
	float: right;
	border: 1px solid #C3BCC9;
}

#container img.contacto{
	margin:0px auto;
	padding: 0px;
	display:inline;
	margin-top:15px;
	margin-left:25px;
	margin-right:25px;
	float: left;
}


#container img.loca{
	margin:0px auto;
	padding: 0px;
	display:inline;
	margin-top:5px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:10px;
	border: 1px solid #C3BCC9;
	float: left;
}

#container p{
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 27px;
	margin-right: 27px;
	padding:0px;
	line-height: 18px;
}

#subCont p{
	margin: 0px;
	margin-bottom:20px;
	margin-right: 27px;
	padding:0px;
	line-height: 18px;
}

#subCont p.punto{
	display:inline;
	float: left;
	margin: 0px;
	margin-bottom:20px;
	margin-left: 5px;
	padding:0px;
	border: 0px solid blue;
	width: 252px;
	background: url(../img/punto.jpg) left top no-repeat;
	padding-left: 15px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#subCont p.puntoD{
	display:inline;
	float: right;
	margin: 0px;
	margin-bottom:20px;
	margin-right: 20px;
	padding:0px;
	border: 0px solid blue;
	width: 250px;
	background: url(../img/punto.jpg) left top no-repeat;
	padding-left: 15px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#subCont p.ok{
	display:inline;
	float: left;
	margin: 0px;
	margin-bottom:15px;
	margin-left: 5px;
	padding:0px;
	border: 0px solid blue;
	width: 250px;
	background: url(../img/ok.jpg) left bottom no-repeat;
	padding-left: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#subCont p.okD{
	display:inline;
	float: right;
	margin: 0px;
	margin-bottom:15px;
	margin-right: 20px;
	padding:0px;
	border: 0px solid blue;
	width: 250px;
	background: url(../img/ok.jpg) left bottom no-repeat;
	padding-left: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#subCont p.subTit{
	clear:both;
	margin-top:30px;
	margin-left:20px;
	padding:0px;
	padding-top:30px;
	font-size: 15px;
	font-family: Tahoma, verdana, sans-serif;
	font-weight:bold;
	color: #FA89BE;
}


#subCont img.ico{
	margin:0px;
	padding: 0px;
	display:inline;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	float: left;
	border: 0px solid #C3BCC9;
}

#subCont img.icoDer{
	margin:0px;
	padding: 0px;
	display:inline;
	margin-top:15px;
	margin-left:10px;
	margin-right:27px;
	float: right;
	border: 0px solid #C3BCC9;
}

#container p.lista{
	margin-left: 50px;
	margin-right: 27px;
	padding:0px;
}

#container p.subTit{
	margin-top:20px;
	padding:0px;
	font-size: 15px;
	font-family: Tahoma, verdana, sans-serif;
	font-weight:bold;
	color: #FA89BE;
}

#container p.botones{
	text-align:center;
	margin-left: 200px;
	margin-right: 27px;
	padding:0px;
}

#container p.cuadro{
	text-align:center;
	background: #EDECED;
	padding: 5px;
	font-size: 11px;
}

#container p b{
	color: #54A5D4;
}

#container p i{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #36CD0D;
	font-style: normal;
}

#container p.lista b{
	text-decoration:underline;
	color: #FCA823;
}

.boton{
	font-size:10px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:white;
   	background:#66CD6D;
    border:0px;
    margin:0px;
    padding:0px;
    padding-left:4px;
    padding-right:4px;
    height:19px;
    cursor:pointer;
    margin-right: 10px;
}

/*************************************/
/*    CAPA DE TITULO DE LA PAGINA */
/*************************************/

#titulo{
	background: #F9EEC6;
	margin:0px auto;
	margin-top:12px;
	margin-bottom:15px;
	padding:0px;
	text-align: left;
	width: 100%;
	height: 50px;
	border:1px solid #C2C3CC;
	border-left: 0px;
	border-right: 0px;
	
}

#colorTitulo{
	background: #FCA823;
	margin:0px auto;
	margin-left: 23px;
	margin-right:10px;
	margin-top: 6px;
	padding:0px;
	width: 9px;
	height: 36px;
	border-bottom: 1px solid #FCA823;*/
	display: inline;
	float:left;
}

#titulo p{
	margin:0px auto;
	padding:0px;
	font-size: 30px;
	font-family: Tahoma, verdana, sans-serif;
	color: #C3BCC9;
	margin-left: 20px;
	margin-top: 15px;
}

#titulo p.subTit{
	display:inline;
	float:right;
	margin:0px;
	margin-right:20px;
	padding:0px;
	font-size: 21px;
	font-family: Tahoma, verdana, sans-serif;
	font-weight:normal;
	color: #FA89BE;
}



/************************************/
/*    CAPA DE PIE DE LA PAGINA   */
/************************************/
#pie{
	width: 770px;
	height: 22px;
	margin:0px auto;
	padding:0px;
	border:1px solid #1E2462;
	border-top: 0px;
	background: #D9CAE7;
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size: 11px;	           
	color: #FFFFFF;
}

#pie p{
	padding: 3px;
	margin: 0px;
	text-align: right;
}

#pie a {
	text-decoration: none;
	color: #FFFFFF;
	}

#pie a:hover {
	color: red;	
}

/*****************************************/
/*    CAPA AVISO					    */
/*****************************************/
#datos{
	position:relative;
	display:none;
	visibility: hidden;
	background:gray;
	width: 770px;
	text-align:left;
	color: #ffffff;
}

#datos p {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 4px;
	color: white;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

#datos p.link {
	padding:0px;
	padding-right:10px;
	padding-bottom:3px;
	margin:0px;
	border:0px;
	text-align: right;
}

#datos p a {	
	color:white;
	text-decoration: none;
}

#datos p a:hover {
	
	color:red;
}