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

body {
	background-color: #3F3F3F;
	margin-top:0px;
}

#contenedor {
	background-color:#004788;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#top {
       background-color: #CCCCCC;
	   width: 900px; 
	   height:400;
}

#menu {
		float: left;
        width: 200px;
		background: #004788;
}

#menu ul {
        margin: 0;
        padding: 0;

}

#menu ul, li {
        list-style: none;

}

#menu a {
        text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFFFFF;
		font-weight:bold;
        background: #004788;
        display: block;
        width: 160px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:40px;

}

#menu a:hover {
        font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		background: #005097;
}

#info {
		float: left;
        width: 700px;
		background: ##F0F0F0;
}

#info1 {
		float: left;
        width: 700px;
		background: #F0F0F0;
}

#img1{
		float: left;
		padding:25px;

}

#parrafo {
		float: left;
		width: 550px;
		background-color: #F0F0F0;
		padding-top:25px;
		padding-right:75px;
		padding-bottom:25px;
		padding-left:75px;
		text-align:justify;	
}
	
#parrafo1 {
		float: left;
		width: 650px;
		background-color: #F0F0F0;
		padding-top:20px;
		padding-left:25px;
		padding-right:25px;
		text-align:justify;		
}
#parrafo2 {
		float: left;
		width: 425px;
		background-color: #F0F0F0;
		padding-top:25px;
		padding-bottom:25px;
		text-align:justify;

}


#clientes{
		float: left;
		width:425px;
		
}
#parrafo3{
		float: left;
		width: 200px;
		padding:25px;

}

#parrafologos {
		float: left;
		width: 400px;
		background-color: #F0F0F0;
		padding-left:50px;
		padding-bottom:15px;
		text-align:justify;

}
.tituloparrafo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; color: #004788;
		font-weight: bold;
}

.subtituloparrafo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; color: #004788;
		font-weight: bold;

}
.textoparrafo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; color: #333333;
}

#img3 {
		float: left;
		padding-right:40px;
		padding-bottom:20px;

}

#parrafoventaja {
		float: left;
		padding-bottom:15px;

}

#contimg3yventaja {
		float: left;
		width: 550px;

}
#info2 {
		float: left;
        width: 700px;
		background: #FFFFFF;
}

#marca {
		float: left;
		width: 325px;
		height: 110px;
		background-color:#FFFFFF;
		padding-left: 25px;
		padding-bottom:15px;
		padding-top:10px;
}

#img2{
		float: left;

}

#marcatexto {
		float: left;
		width:190px;
		background-color: #FFFFFF;
		padding-left:5px;
		padding-top:15px;
		
}

.titulomarca {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; color: #333333;
		font-weight: bold;
}

.textomarca {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; color: #666666;
}

#bottom {
            margin-left:auto;
			margin-right: auto;
			background-color: #3F3F3F;
            clear: both;
			width: 900px;
			height: 40px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px; color:#FFFFFF;
			text-align:center;
			line-height:40px;

}

a:link {
	color: #004788;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a:visited {
	color: #004788;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	color: #D4181D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
a:active {
	color: #004788;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.lista {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; color:#333333;
	background:url(imgs_generales/flecha.jpg) top left no-repeat;
	padding-left: 15px;
	padding-bottom:10px;

}