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

 /*----------------------------------------------------
 Template    eFusion Template para Forjadores de Negocios!
 version:    1.0
 date:       10/02/18
 author:    [Raúl Rodríguez]
 ------------------------------------------------------*/
/* Estilos globales
 ------------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: 0;
}

body {
background:#870102;
font-family:Arial;
font-size:1em;
color: #000;
text-align:center;
background: #8b0304 url(../images/body_bg.png) center top repeat-x;
}

#bg {
margin:auto;
padding:0;
height:1273px;
max-height:1273px;
width:100%;
background:url(../images/bg.jpg) center bottom no-repeat;
background-attachment:fixed;

}

#videoContainer {
    background:url(../images/img_bg.png) center no-repeat; 
    margin-left:10px;
    margin-bottom:10px;
    float:right;
    width:379px;
    height:296px;
}

#videoContainer img  {
    float:right;
    margin-right:17px;
    margin-top:30px;
}

#imgContainer {
float:right;
margin-left:10px;
margin-bottom:10px;
}

ul {
padding-left:40px;
}

ul li {
text-align:left;
padding-left:5px;
}

ul li a:link,
ul li a:visited {
font-family:arial;
font-size:15px;
color:#8b0304;
text-decoration:none;
}

ul li a:hover {
color:#67972e;
text-decoration:none;
font-family:Arial;
font-size:15px;
}
ul.listas li{
font-size:14px;
color:#000;
}
/* Maquetación
------------------------------------------------------*/
#wrapper {
margin:auto;
width: 1050px;
padding:0;
background:url(../images/wrapper_bg.png) center top repeat-y;
}

#container {
position:relative;
z-index:2;
width:1024px;
height:1195px;
max-height:1195px;
margin:auto;
background-color:#f7f3d7;
overflow:hidden;
}

/* Estilos Header
-------------------------------------------------------*/

#top {
width:1024px;
margin:auto;
background:url(../images/top.png) left top no-repeat;
height:107px;
}


#top .info {
width:370px;
float:right;
height:50px;
}

#top .info h2 {
font-family:Arial;
float:right;
font-size:14px;
color:#fff;
padding-right:25px;
margin-top:27px;
line-height:20px;
font-weight:bold;
text-align:right;
}


#top .info a {
float:left;
margin-left:40px;
margin-top:22px;
font-family:Arial;
font-size:11px;
color:#ed2024;
text-decoration:none;
}

#top .login {
width:250px;
float:left;
margin-left:220px;
margin-top:10px;
}

#top .login a  {
font-family:Arial;
font-size:11px;
color:#ed2024;
text-decoration:underline;
}

#top .login span {
font-family:Arial;
font-size:11px;
color:#ed2024;	
}

#top .logo {
margin-left:20px;
margin-top:5px;
width:358px;
float:left;
height:84px;
}

#header {
position:relative;
height:522px;
width:829px;
padding:0;
float:right;
}


#header .banner {
width:829px;
float:left;
height:522px;
z-index:1;
background:url(../images/homeImg.jpg);	
}

#header .bottom {
background:url(../images/header_bottom.png) left top repeat-x;
height:31px;
float:left;
width:829px;
margin-top:-31px;
z-index:2;
}

/* Estilos Left
-----------------------------------------------------*/

#left-inner {
float:left;
width:195px;
margin:0;
}

#left {
float:left;
width:195px;
margin:0;
}

#left .search {
background:url(../images/search_box.png) left top no-repeat;	
width:195px;
height:75px;
float:left;
}

.search-box {
margin-left:25px;
margin-top:20px;
}


#left .inner  {
width:195px;
background:url(../images/link.png) left top repeat-y;
height:447px;
float:left;
padding:0;
}

#left .bottom {
background:url(../images/left_bottom.png) center bottom no-repeat;	
padding:0;
height:30px;
width:195px;
}

#container .left_shadow {
position:absolute;
background:url(../images/left_shadow.png) left top no-repeat;	
height:530px;
width:25px;
z-index:3;
}

/* Estilos Contenido
------------------------------------------------------------*/

#mainContent {
width:1024px;
float:left;
height:auto;
padding:0;
background-color:#f7f3d7;
}


#news {
width:1010px;
margin:auto;
padding:40px 5px 40px 5px;
min-height:288px;
}

#news .news1 {
width:280px;
margin-left:15px;	
float:left;
min-height:290px;
text-align:left;
}

#news .news1 .testimonio1 {
width:280px;	
float:left;
min-height:130px;
text-align:left;
}

#news .news1 .testimonio2 {
width:280px;	
float:left;
min-height:130px;
margin-top:10px;
text-align:left;
}


#news .news2 {
position:relative;
width:266px;	
float:left;
margin-left:25px;
min-height:296px;
background:url(../images/grGradient_bg.png) repeat-y;
}

#news .news1 h1 {
width:280px;
padding-bottom:10px;
color:#8b0304;
font-family:Arial;
font-size:26px;
}

.news1 h3 {
color:#231f20;
font-family:Tahoma;
font-weight:bold;
font-size:15px;
float:right;
width:150px;
}

.news1 p {
color:#231f20;
font-family:Tahoma;
font-size:13px;
text-align:left;
line-height:18px;
max-height:63px;
}


#news .news1 a {
color:#bf1e2d;
float:right;
font-family:Tahoma;
text-decoration:underline;
font-size:14px;
}


#news .news1 img {
float:left;
padding-top:5px;
padding-right:5px;
}

#news .info {
float:left;
margin-left:30px;
padding-top:15px;
color:#fff;
font-size:27px;
font-family:Arial;
line-height:35px;
text-align:left;
}

#news .news2 h3 {
margin:auto;
color:#8c0305;
font-size:30px;
font-family:Arial;
font-weight:bold;
padding-top:10px;
}

#news .video {
position:relative;
width:379px;	
float:right;
margin-right:15px;
min-height:296px;
padding:0;
background:url(../images/img_bg.png) top left no-repeat;
}

#mainContent .banners {
width:1010px;
margin:auto;
height:142px;
padding:5px 5px 42px 5px;
}

#mainContent .banner1 {
width:469px;
height:122px;
border:2px solid #be7456;
float:left;
margin-left:15px;
}

#mainContent .banner2 {
position:relative;
width:469px;
height:122px;
border:2px solid #be7456;
float:right;
margin-right:15px;
}

.banner1 h3
{
padding-top:5px;
text-align:left;
width:298px;
float:right;
color:#bf1e2d;
font-family:Arial;
font-size:14px;
}

.banner2 h3
{
padding-top:5px;
text-align:left;
width:298px;
float:right;
color:#bf1e2d;
font-family:Arial;
font-size:14px;
}


.banner1 img,
.banner2 img
{
float:left;
padding-left:10px;
padding-top:10px;
}

.banner1 p,
.banner2 p
{
float:right;
padding-top:10px;
font-family:tahoma;
width:300px;
text-align:left;
font-size:13px;
}

.banner1 a,
.banner2 a 
{
float:right;
color:#bf1e2d;
font-size:14px;
font-family:Tahoma;
text-decoration:underline;
padding-right:15px;
}

#mainContent .content {
border:1px solid #be7456;
float:right;
height:auto;
width:829px;
}

#mainContent .content h1 {
color:#bf1e2d;
font-family:Arial;
font-size:16px;
font-weight:bold;
}

#mainContent .content h2 {
color:#bf1e2d;
text-align:left;
font-family:Arial;
font-size:14px;
padding-top:15px;
}


/* Estilos Footer
-------------------------------------------------------*/

.top-footer {
background:url(../images/footer.png) left bottom repeat-x;
width:1024px;
height:17px;
margin:auto;
}

#footer {
margin-top:-20px;
z-index:0;
background:url(../images/footer_bg.png) left bottom repeat-x;
height:104px;
}

#inner {
text-align:center;
height:50px;
padding-top:20px;
margin:auto;
width:990px;
z-index:0;
color:#fff;
font-size:12px;
font-family:Arial;
}

#inner .socialIcons {
float:right;
margin-left:100px;
text-align:center;
width:180px;
}

#inner img {
float:left;
}

#inner span {
padding-top:15px;
float:left;
text-align:left;
}

#inner span a{
color:#fff;
text-decoration:none;
}

#inner h5 {
font-size:11px;
font-weight:normal;
padding-top:30px;
float:right;
}

#inner h5 a {
color:#fff;
text-decoration:none;
}