/* CSS Document */

/*HTML PROPERTIES*/
html, body{
	margin: 0px 0px 0px 0px;
	height:100%;
	min-height:100%;
	}
	
img{
	border:none;
	}
	
/*LAYOUT*/
.logoindex{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-189px;
	}
	
#textoindex{
	width:400px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px bold;
	text-align:center;
	color:#003366;
	}
	
#textoindex a{
	text-decoration:none;
	color:#003366;
	border:none;
	}
	
#textoindex a:hover{
	text-decoration:underline;
	color:#003366;
	border:none;
	}
	
#banderasindex1{
	top:30px;
	width:200px;
	position:absolute;
	left:0px;
	width:200px;
	}
	
#banderasindex2{
	top:30px;
	width:200px;
	position:absolute;
	left:200px;
	width:200px;
	}

#content{
	background-color:#FFFFFF;
	width:770px;
	position:absolute;
	left:50%;
	margin-left:-385px;
	height:100%;
	margin-bottom:30px;
	min-height:100%;
	}

#footer{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	}
	
#footer a{
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#003366;
	text-decoration:underline;
	}

/*COLUMN 1*/
#column1{
	position:absolute;
	top: 250px;
	left: 0px;
	width: 150px;
	}

/*COLUMN 2*/
#column2{
	position:absolute;
	top: 250px;
	left: 180px;
	width: 410px;
	}

/*COLUMN 3*/
#column3{
	position: absolute;
	top: 250px;
	left: 620px;
	width: 150px;
	}

/*MENU*/
#menu{
	position:absolute;
	top:15px;
	right:0px;
	}
	
#menu li{
	list-style:none;
	display:block;
	float:left;
	background: url(img/sep_01.gif) no-repeat left ;
	font-family:"Tahoma", Trebuchet MS, Verdana;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	padding-right:5px;
	padding-left:5px;
	}
	
#menu a{
	text-decoration:none;
	color:#000000;
	}

#menu a:hover{
	color:#999999;
	text-decoration:underline;
	}
	
/*SLOGAN*/
#slogan{
	position:absolute;
	right: 0px;
	top: 90px;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:18px;
	font-weight: bold;
	font-style:italic;
	text-align:right;
	color:#333366;
	}

/*HEADER*/
#logo-header{
	position:absolute;
	display: block;
	top: 35px;
	height: 100px;
	}
	
/*MAIN PHOTO*/
#main-photo{
	position:absolute;
	top:135px;
	left:0px;
	}
	
/*NEWS*/
#news p{
	display:block;
	height:160px;
	background: url(img/underline_news.gif) bottom repeat-x;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size: 12px;
	color: #000000;
	text-align:justify;
	}

.tit-news{
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:18px;
	color:#003366;
	}

.fecha-news{
	color:#999999;
	}

#news a{
	position:absolute;
	right:0px;
	color:#003366;
	text-align:right;
	text-decoration:none;
	}

#news a:hover{
	color:#999999;
	text-decoration:underline;
	}

#news img{
	width:100px;
	float:left;
	padding:3px;
	border:none;
	}

/*CONTENTS COLUMN*/
#contents li{
	list-style-image:url(img/bullet.gif);
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size: 11px;
	color: #003366;
	}

#contents a{
	color: #003366;
	text-decoration:none;
	}
	
#contents a:hover{
	color: #999999;
	text-decoration:underline;
	}

/*TITLE*/
.tit1{
	display: block;
	width: 100%;
	height: 20px;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	color:#990000;
	background:url(img/underline.gif) bottom repeat-x;
	}

/*TITLE QUIENES*/
.tit-cargo{
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:16px;
	color:#999999;
	}
	
/*PRODUCTOS*/
.tit_prod{
	display:block;
	width:400px;
	height:20px;
	background:#003366 url(img/bull_prod.gif) no-repeat right;
	padding-left:5px;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
	}
	
#products p{
	display:block;
	height:210px;
	background: url(img/underline_news.gif) bottom repeat-x;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size: 11px;
	color: #000000;
	text-align:justify;
	}
	
#products a{
	position:absolute;
	right:0px;
	color:#003366;
	text-align:right;
	text-decoration:none;
	}

#products a:hover{
	color:#999999;
	text-decoration:underline;
	}

#products img{
	width:100px;
	float:left;
	padding:3px;
	border:none;
	}
	
.saber-mas a{
padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#990000;
	text-decoration:none;
	}

/*CLIENTES*/
#clientes{
	text-align:center;
	}

#clientes img{
	padding:10px;
	width:150px;
	border:none;
	}
	
#clientes li{
	list-style:none;
	float:left;
	}
	
/*CONTACTO*/
#contacto{
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	text-align:left;
	}
#contacto form{
	padding-left:50px;
	padding-bottom:50px;
	}
	
#contacto input, textarea{
	padding:5px;
	margin-left:20px;
	background-color:#CCCCCC;
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size:11px;
	color:#000000;
	border:none;
	}

/*TEXTS*/
.txt-col1{
	font-family: "Tahoma", Trebuchet MS, Verdana;
	font-size: 11px;
	color: #003366;
	text-align:justify;
	}

.txt-col1:first-letter{
	float:left;
	font-size:300%;
	}