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

@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */

/* Menu CSS */#cssmenu,
#cssmenu > ul {
	background: url(../imagenes/menu-bg.png) repeat;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
	width: 960px;
	zoom: 1;
}
#cssmenu > ul {
  background: url(../imagenes/menu-bg.png) repeat;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li > a {
  padding: 23px 26px;
  display: block;
  color: white;
  font-size: 16px;
  text-decoration: none;
/*  text-transform: uppercase;
  text-shadow: 0 -1px 0 #0d0d0d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);*/
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: url(../imagenes/highlight-bg.png) repeat;
  color: #333333;
/*  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);*/
}
#menu {
	width: 100%;
}

#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
	background-image: url(../imagenes/2menu-bg.png);
	background-repeat: repeat;
	color: #333333;
}
/* Childs */
#cssmenu > ul ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 120px;
	margin: 0;
	padding: 0;
	z-index: -1;
	background-image: url(../imagenes/menu-bg.png);
	background-repeat: repeat;
}
#cssmenu > ul li:hover ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	color: #333333;
	z-index: 2;
	top: 64px;
	left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cssmenu > ul ul li a {
	padding: 18px 26px;
	display: block;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	/* text-transform: uppercase;*/
  width: 150px;
	border-left: 4px solid transparent; 
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out; 
}
#cssmenu > ul ul li a:hover {
	border-left: 4px solid #d64e34;
	background-image: url(../imagenes/hover.png);
	background-repeat: repeat;
}
#cssmenu > ul ul li a:active {
	background-image: url(../imagenes/menu-bg.png);
	background-repeat: repeat;


}#banner {
	background-image: url(../imagenes/banerfondo.png);
	height: 290px;
	width: 960px;
	margin-top: 15px;
}
#articulos {
	background-image: url(../imagenes/articulofondo2.png);
	height: 435px;
	width: 960px;
	margin-top: 10px;
}
.encabezadosArticulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.encabezadoServicios {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.textos1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#cuerpoBase01 {
	float: left;
	height: 605px;
	width: 313px;
   	background-image: url(../imagenes/infobaner2.png);
}
#cuerpoContenido {
	width: 960px;
	height: 605px;
	background-color: #323131;
}

#cuerpoBase02 {
	float: left;
	height: 605px;
	width: 637px;
	background-image: url(../imagenes/serviciosBase2.png);
}

#cuerpo {
	height: 520px;
	width: 960px;
	margin-top: -130px;
	color: #323131;
}
#ba01 {
	height: 280px;
	width: 475px;
	float: left;
}
#ba02 {
	height: 281px;
	width: 475px;
	float: left;
}
#ba03 {
	height: 280px;
	width: 265px;
	float: left;
}
#ba4 {
	height: 280px;
	width: 210px;
	float: left;
}
#contenedorPrincipal {
	height: 900px;
	width: 960px;
}

.encabezadoBlco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#banner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#pie {
	height: auto;
	width: 960px;
}
#pieMenu {
	height: 15px;
	width: 960px;
}
leyenda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	height: 35px;
	width: 960px;
}
.textosblancos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}


#medallonesBase {
	height: 150px;
	width: 960px;
	margin-top: 60px;
	margin-bottom: 30px;
}
.textogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
}
.textosbcoxl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.textosAmarillos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
}
#banner02 {
	background-image: url(../imagenes/baner02.png);
	height: 146px;
	width: 960px;
}
#contenido {
	width: 960px;
	background-color: #FFFFFF;
}

.textosEncabezados {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.encabezadosColor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.textosAmarillosBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
}

.articulos{
    position: absolute;
    width: 960px;
    height: 340px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../imagenes/articulofondo.png);
}
.articulos > ul li {
    display: block;
    float: left;
    position: relative;
    padding: 10px 10px;
    list-style: none;
    width: 30%;
    height: 300px:
}

.contenedor{
    position: absolute;
    width: 960px;
    height: 359px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../imagenes/articulofondo.png);
    margin-left: auto;
    margin-right: auto;
   }

.contenedor .info__columna{
    width: 300px;
    margin-left: 10px;
    display: block;
    float: left;
     
}

.contenedor .info__columna .info__txt{
    width: 260px;
    height: auto;
    text-align: justify;
}

.contenidos{
    width: 960px;
    height: 380px;
    background-color: #fff;
    position: absolute;
}

.textos__cont{
    width: 700px;
    height: auto; 
}

.textos__cont h2{
    margin-top: 40px;
    color: crimson;
    text-align: left;
}


.textos__cont h3{
   color: crimson;
   text-align: left;
}

.textos__cont p{
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: justify;
}