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

body {
	font: normal 0.78em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background-color: #858585;
}
/*tabla general*/
#content {
text-align:left;
margin:auto;
background-color:#EEEEEE;
width:800px;
   }
#content2 {
margin:auto;
width:800px;
background-image:url(imagenes/laterales.jpg);
   }   
#content3 {
margin:auto;
width:800px;
background-image:url(imagenes/laterales.jpg);
   }      
#borde_bajo {
margin:auto;
width:800px;
height:50px;
background-image:url(imagenes/laterales_2.jpg);
   }   
   

/*tipografias*/
h1{font-family:'Trebuchet MS', Tahoma, sans-serif;
font-size:1.5em;
font-weight: bold;
color: #666666;	
}	
h2{font-family:'Trebuchet MS', Tahoma, sans-serif;
font-size:1.25em;
font-weight: bold;
color: #666666;	
text-align:center;
padding-top:25px;
}
h3{font-family:'Trebuchet MS', Tahoma, sans-serif;
font-size:1.25em;
font-weight: bold;
color: #666666;	
text-align:center;
padding-top:5px;
}


/*top de la página*/
#Encabezado{
	height:170px;
    border:0px;
	text-align:right;
	background-image:url(imagenes/logo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
#Encabezado_eng{
	height:170px;
    border:0px;
	text-align:right;
	background-image:url(imagenes/logo_eng.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}	

#botonera {
margin:auto;
background-image:url(imagenes/botonera.jpg);
width:800px;
height:50px;
   }
#botonera2 {
margin:auto;
background-image:url(imagenes/botonera2.jpg);
width:800px;
height:50px;
   } 
#botonera3 {
margin:auto;
background-image:url(imagenes/botonera3.jpg);
width:800px;
height:50px;
   }     
#boton0{
	width:100px;
	height:45px;
	float:right;
		}     
#boton1{
	width:100px;
	height:45px;
	float:right;
	text-align:center;	
	line-height:50px;
	}  
#boton2{
	width:100px;
	height:45px;
	float:right;
	text-align:center;	
	line-height:50px;
	} 
#boton3{
	width:100px;
	height:45px;
	float:right;
	text-align:center;	
	line-height:50px;
	} 
#boton4{
	width:440px;
	height:45px;
	float:right;
	text-align:center;	
	line-height:67px;
	}  
#boton5{
	width:350px;
	height:45px;
	float:right;
	text-align:left;	
	line-height:33px;
	} 	       
   
 
   
   
#cuerpo1 {
width:370px;
height:550px;
padding-right:40px;
padding-left:40px;
background-image:url(imagenes/planificando.jpg);
background-position:bottom;
background-repeat:no-repeat;

float:right;
   }   
#cuerpo2 {
width:350px;
height:290px;
background-image:url(imagenes/mundo.jpg);
background-position:center;
background-repeat:no-repeat;
float:right;
   }  
#cuerpo3 {
width:310px;
height:260px;
float:right;
padding-left:40px;
   }      
#cuerpo4 {
clear:both;
width:720px;
height:750px;
margin-left:40px;
margin-right:40px;
text-align:center;
   } 
#cuerpo5 {
clear:both;
width:720px;
margin-left:40px;
margin-right:40px;
   } 

#cuerpo6{
	width:800px;	
	height:600px;	
	background-image:url(imagenes/laterales.jpg);
	   }
#cuerpo7{
	width:460px;
	height:600px;
	float:right;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;	
	   }
#cuerpo8{
	width:300px;
	height:550px;
	float:right;
	background-image:url(imagenes/arroba.jpg);
	background-repeat:no-repeat;
	margin-top:50px;
		   }	   	 	   	   	   	     
#cuerpo9{
	width:460px;
	height:300px;
	float:right;
	text-align:center;
	padding-left:20px;
	padding-right:20px;	
	   }
#cuerpo10{
	width:800px;	
	height:300px;	
	background-image:url(imagenes/laterales.jpg);
	   }
#cuerpo11 {
clear:both;
width:720px;
height:90px;
margin-left:40px;
margin-right:40px;
text-align:center;
   } 	
#cuerpo12{
	width:300px;
	height:280px;
	float:right;
	background-image:url(imagenes/arroba.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
		   }
		   
		   
.cliente {
width:420px;
height:135px;
float:right;
background-image:url(imagenes/fondo_webs.jpg);
text-align:center;
   }
.separador {
width:720px;
height:10px;
float:right;
   }       		   	       
.imagen_web {
width:300px;
height:135px;
float:right;
   } 


/*links*/

a:link {
	color: #993333;
	text-decoration: none;
}

a:visited {
	color: #993333;
	text-decoration: none;
}
a:hover {
	color: #FFB746;
	text-decoration: none;
}
a:active {
	color: #993333;
	text-decoration: none;
}
a {
	font-weight: bold;
}
a.pie2 {
	font-weight:bold;
	color:#666666;
}
a.activo {
	font-weight:bold;
	color:#FFFFFF;
}



/*pie de página*/
#pie{
	width:800px;
	height:75px;
	background-color:#B9D366;
	float:right;
   }
#pie1{
	width:125px;
	height:75px;
	float:right;
	text-align:center;	
	line-height:67px;
	}

#pie2{
	width:550px;
	height:75px;
	float:right;	 
	text-align:center;	
	line-height:67px;
	}
#pie3{
	width:125px;
	height:45px;
	float:right;	
	text-align:center;	
	line-height:67px; 
	}


