/*
Arturo Lillo
arturolilloc@gmail.com
*/

body, html {
    height: 100%;
}

body {
font-family: 'Lato';
font-size: 12px;
background-image: url('images/bgverde.jpg');
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.imagen {
width: 100%;
} 

.content {
background-color: #ECEDED;
width: 100%;
padding: 0 0 0 0;
}

.content-left, .content-left2, .content-right, .content-right-page {
height: 950px;
max-height: 2000px;
padding-bottom: 20px;
}

.content-left {
background-color: #e00625;
padding: 0 0 0 0;
margin: 0 0 0 0;
box-shadow: 0 5px yellow;
}

.content-left p{
font-size: 10px;
padding-top: 35px;
text-align: center;
color: #fff;
}

.content-left img{
width: 100%;
}

.content-left ul {
text-decoration: none;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.content-left li {
width: 100%;
height: 45px;
text-decoration: none;
list-style: none;
text-align: left;
padding-left: 20px;
font-size: 14px;
padding-top: 13px;
background-color: #e00625;
border-bottom: 2px solid #e00625;
}

.content-left .active{
background-color: #d70623;
}

.content-left li:before {
    content: "";
    width: 14px;
    height: 12px;
	display: block;
	background: url("images/m1.png") no-repeat;
    float: left;
    margin: 3px 5px 0 0;
}

.content-left li:hover {
width: 100%;
text-decoration: none;
list-style: none;
background-color: #d70623;
}

.content-left li a{
text-decoration: none;
color: #fff;
}

.content-left li a:hover{
text-decoration: none;
}

.content-left2 {
background-image: url(images/home-01.jpg);
padding: 10px 0 0 10px;
margin: 0 0 0 0;
}

.content-left2 .left2-principal {
border-bottom: 1px solid #9e0b0f;
width: 90%;
}

.content-left2 .left2-principal h1 {
font-size: 16px;
text-transform: uppercase; 
color: #9e0b0f;
font-weight: 400;
}

.content-left2 .left2-principal p{
font-size: 12px;
color: #9e0b0f;
}

.content-left2 .left2-principal a{
color: #9e0b0f;
text-decoration: none;
}

.content-left2 .left2-principal a:hover{
color: #9e0b0f;
}

.content-right {
background-image: url(images/home-02.jpg);
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.content-right-page {
background-color: #f7f7f7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.content-right-page .right-principal {
width: 100%;
border: 1px solid #f7f7f7;
position: relative;
top:10px;
font-size: 14px;
color: #2a2a2a;
}

.content-right-page .right-principal h1, h2, h3{
font-size: 16px;
color: #aaaaaa;
padding-left: 20px;
text-transform: uppercase;
font-weight: 400;
}

.content-right-page .right-principal p{
padding-left: 20px;
padding-right: 30px;
}

.content-right .right-principal {
width: 75%;
border: 2px dashed #f7941d;
background-color: #f7941d;
position: relative;
top:70px;
left: 20px;
opacity: 0.9;
}

.content-right .right-principal h1 {
font-size: 2.5em;
text-transform: uppercase; 
color: #fff;
font-weight: 300;
padding-left: 20px;
}

.content-right .right-principal p{
font-size: 12px;
color: #fff;
padding-left: 20px;
padding-right: 30px;
}

.content-right-page .right-principal-clientes {
width: 100%;
border: 1px solid #f7f7f7;
background-color: ;
position: relative;
left:0px;
top:20px;
font-size: 14px;
color: #2a2a2a;
}

.content-right-page .right-principal-clientes h1{
padding-left:10px;
font-size: 25px;
color: #aaaaaa;
text-transform: uppercase; 
}

/** FOOTER **/

.footer {
background-color: #C6C7C8;
width: 100%;
height: auto;
min-height: 150px;
padding: 0 0 0 0;
margin-top: 1px;
color: #737373;
}

.footer-left p{
padding: 0 20px 0 20px;
}

.footer-left b {
color: #464646;
}

.footer-right1 p{
padding: 0 0px 0 0px;
text-align: left;
}

.footer-right2 p{
padding: 0 20px 0 20px;
text-align: right;
}

.formulario {
padding-bottom: 10px;
margin-left: 20px;
margin-bottom: 50px;
}

.formulario input, textarea{
padding-top: 10px;
width: 65%;
}

.submit {
padding: 0px 5px 10px 5px;
}



.organigrama {
float: left;
width: 30%;
padding-bottom: 10px;
margin-left: 20px;
margin-bottom: 50px;
line-height: 150%;
border-bottom: 2px solid #df2500;
}

.organigrama strong{
color: #df2500;
}

.content-right2 {
background-image: url(images/transparent.png);
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 950px;
}

.parrafo {
font-size: 15px;
width: 90%;
text-align: justify;
}

.parrafoimg {
width: 100%;
}

.parrafo h1 {
margin: 0 0 0 0;
padding: 30px 0 10px 20px;
text-transform: uppercase;
font-weight: 600;
font-size: 40px;
}

.parrafo p {
padding-left: 20px;
font-size: 20px;
}