body,html {
color: #696969;
backgrounddd:#f9f9f9;
font-family: 'Open Sans', sans-serif;
font-size:14px;	
margin:0;
padding:0;

}



 
a {
font-weight: bold;
outline: none;
color: #3399ff;
text-decoration: none;
}

a:hover {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}


blockquote p {margin: 0;}

blockquote, p, strong{
line-height: 120%;
color:#696969;
padding-right:5px;
}


 h2{
z-index:99;
font-size:18px;
color:#ebebe;
}



.estilo2{
	display: block;
	padding:0px 0px 0px 0px;
	color: #000;		
	font-size: 40px;
	backgroundddd:#3399ff;
	color:#3399ff;
	font-weight:300;
}

.estilo4{
	display: block;

	margin-top:-10px;	
	padding:15px;	
	color: #000;		
	font-size: 24px;
	background:#EBECEE;
	color:#000;
	font-weight:600;
	width:85%;
}


.estilo4s{

	xborder-width:1px;	
	xborder-style:solid;
	xborder-color:#000;
	
	display: block;		
	padding:15px;	
	xcolor: #000;		
	font-size: 24px;
	xbackground:#000;
	color:#000;
	font-weight:600;
	width:80%;
	
	border-bottom: 1px solid #ccc;
	
}

	

.estilo5{
	display: block;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	color: #000;		
	font-size: 20px;
	background:#68b801;
	color:#fff;
	font-weight:bold;
	width:96%;
}


.estilo7{
	display: block;	
	padding-top:20px;
	padding-bottom:12px;
	padding-left:0px;
	margin-top:-12px;
	color: #000;		
	font-size: 30px;	
	color:#000;
	font-weight:600;
	width:99%;
	font-style:italic
	
}


.estilo8{
	display: block;	
	padding-top:0px;
	padding-bottom:12px;
	padding-left:0px;
	margin-top:0px;
	color: #000;		
	font-size: 25px;	
	color:#000;
	font-weight:600;
	width:99%;	
	
}

.estilo-noticias{
	display: block;	
	padding-top:0px;
	padding-bottom:12px;
	padding-left:330px;
	margin-top:0px;  
	color: #000;		
	font-size: 30px;	
	color:#000;
	font-weight:600;
	width:99%;
	font-style:italic
	
}

.estilo-noticias-titulo{
	display: block;			
	font-size: 20px;	
	color:#000;
	font-weight:600;
	margin-bottom:10px;
	
	
	
	

	
}


#imagen1{
	display: block;
	float: right;
	margin: 0px 0px 15px 15px;
	width:300px;
}

#container {
width:100%;
padding:0;
display:block;
top:0px;
margin-top:0px;
min-height:100%;
position:relative;
}



/* *********************************************************************************************************************
 * Responsibe Grid zapata
 */

.fila {
display:block;
width:100%;
margin-top:0px;
backgroundxx:#f9f9f9;

}


.c960 {

width:970px;
margin:0 auto;
text-align:justify;
clear: both;
}



.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 2% 2% 0 0;
	
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;


	
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31.3%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 98%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}

/* *********************************************************************************************************************
 * Responsibe zapata
 */


.limpia {
display:block;
width:100%;
margin-top:50px;
float: left;
background:#f9f9f9;

}






#header {

width:100%;
height:170px;
margin-top:0px;
top:0px;
padding:0px;
z-index:199;
background:#ccc;
background: transparent url('imagenes/header.png');
}


#header_contenido {
display:block;
width:960px;
margin-top:0px;
padding-top:30px;
margin:0px auto;
text-align:center;
*margin-left:300px;
z-index:199;
}




/* BOQUES PAGINAS   */



.separador {
display:none;
float:left;
margin-top:0px;
width:960px;
height:0px;
background:#D0D0D0;
}





#logo {

display: block;	
	text-align:center;	
	width:450px;	
	margin:  0 auto;	
	z-index:199;
}


#logo img {
display: block;	
width:280px;	
text-align:center;	
margin: 0 auto;
}


/* MENU   */


#header_menu {

width:100%;
margin-top:0px;
padding:0px;
z-index:199;

}


#menu {
width:100%;
z-index:199;		
margin-top:10px;
}

#menu ul {

margin:0px auto;
list-style: none;
z-index:99;
margin-top:0px;
}	

#menu li {
		
	z-index:99;
	display: block;
	width:190px;
	
	float: left;
	margin:0px auto;
	margin-top:0px;
	border-right: 1px solid #dedede;
}



#menu li:last-child { 
border-right: none;
 }


#menu li a {

    display:block;
	text-decoration: none;
	color: #232020;	/*COLOR DE LAS LETRAS*/	
	padding:13px;	
	z-index:99;	
	margin-top:0px;
	font-weight:400;	
	font-size:15px;
	
	font-weight:bold;
	
	
  -moz-transition: background-color .3s ease-in;
  -webkit-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}


#menu li a:hover {

	
	background:#232020;
	color:#fff;	
	z-index:99;

	/*EFECTO TRANSICION*/
	-moz-transition: background-color 0.03s;
  -webkit-transition: background-color 0.03s;
  -o-transition: background-color 0.03s;
  transition: background-color 0.03s;
}




#sssmenu ul li.active_menu {
 /*COLOR MENU ACTIVO*/
background:#000;
	color:#fff;
}
#sssmenu ul li.active_menu a {
background:#3399ff;
	color:#fff;
}

/* MENU   */

/* MENU inferior  */



#menu_inferior {
width:100%;
z-index:99;		

}

#menu_inferior ul {
width:80%;
margin:0px auto;
list-style: none;
z-index:99;
margin-top:10px;
}	

#menu_inferior ul li {
		
	z-index:99;
	display: block;
	width:250px;
	
	float: left;
	z-index:99;		
	margin:0px auto;
	margin-top:0px;
	border-right: 1px solid #dedede;
}

#menu_inferior li:last-child { 
border-right: none;
 }


#menu_inferior li a {

    display:block;
	text-decoration: none;
	color:  #fff;	/*COLOR DE LAS LETRAS*/	
	padding:13px;	
	z-index:99;	
	margin-top:0px;
	font-weight:300;	
	font-weight: bold;
  -moz-transition: background-color .3s ease-in;
  -webkit-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}


#menu_inferior li a:hover {

	
	background:#68b801;
	color:#fff;	
	z-index:99;

	/*EFECTO TRANSICION*/
	-moz-transition: background-color 0.03s;
  -webkit-transition: background-color 0.03s;
  -o-transition: background-color 0.03s;
  transition: background-color 0.03s;
}



/* MENU BOTTOM  */




.lista {	
	list-style-image:none;
	float:left;
	margin-left:10px;
	line-height:25px;
	margin-top:5px;
	width:250px;
	
	
	
		
}


.lista li {	
	border-bottom: 1px solid #ccc;
	padding:5px;
	text-align:left;
}

.lista a{	
	color:#000;
	font-weight:400;
	font-size:14px;
	font-style:bold;
	text-align:left;
}

.lista a:hover{	
	background:#000;
	color:#fff;
}







#prefooter {
 float:left; 
 display:block;  
 height:130px;
 width:100%;   
}




#footer {
   position:fixed;
   left:0px;
   bottom:0px;   
   width:100%;
   background:#000;
   
   height:70px;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#footer_contenido {
display:block;
width:960px;
margin:0px auto;
text-align:center;
z-index:-22;
}


#footer_contenido p{
color:#fff;
}



#rojo {      
   height:10px;
   width:100%;
   background:#EE1E25;
}
#amarillo {  
   left:0px;  
   height:10px;
   width:100%;
   background:#F6EC15;
}
/* LISTA LATERAL//////////////////////////////////////////////////////////////////////// */


.lista_lateral {	
	list-style-image:none;
	float:left;
	margin-left:10px;
	line-height:20px;
	margin-top:-25px;	
	background:#b1ce00;
	width:95%;
}


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

.lista_lateral li a{	
	color:#fff;
	font-weight:bold;
	font-size:15px;	
	display:block;
	text-decoration: none;	
	padding:13px;	
	z-index:99;	
	margin-top:0px;	
	

}

.lista_lateral  li a:hover{	
	display:block;
	background:#5e8bc4;
	
}



/* LISTA LATERAL//////////////////////////////////////////////////////////////////////// */


/* Contactform//////////////////////////////////////////////////////////////////////// */

br { clear: left; }




/* Contactform//////////////////////////////////////////////////////////////////////// */


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
	margin: 0px
	padding: 0px;
}





	   
		
/* DESCRIPCION SERVICIOS//////////////////////////////////////////////////////////////////////// */

		

	
.portafolio h1{
position:relative;
margin-top:0px;
display:block
font-size:20px;
font-weight:300;
color:#fff;
background:#3399ff;
padding:10px;
}





.portafolio a {
display:block;	
font-size:20px;
font-weight:300;
padding:0px;
color:#fff;	
}



.portafolio a:hover {
display:block;
background:#3399ff;
color:#fff;	
}

.servicios h3{
z-index:99;
font-size:30px;
color:#2e86d4;
}

.servicios h2{
z-index:99;
font-size:20px;
color:#f6ab0a;
}

.servicios h4{
z-index:99;
font-size:20px;
color:#2e86d4;
}








/* SCREENSHOW POPUP//////////////////////////////////////////////////////////////////////// */

.capturas {
    float:left;
	display:block;
	z-index:99;
	margin-top:0px;
	margin-left:-10px;	
	color: #EBECEE;
	list-style: none;
z-index:99;
}


.capturas li {
	color: #EBECEE;	

	padding-left:10px;
	padding-bottom:10px;
	z-index:99;
	border-bottom: none;
	display: block;
	float: left;
	z-index:99;
	
}

.capturas img {
	display: block;
	width:230px;
	z-index:99;	   

}

.capturas a {
   
	

}


/* MENU SOCIAL//////////////////////////////////////////////////////////////////////// */


.social {
    float:right;
	display:block;
	margin-right:15px;
	z-index:99;
	margin-top:40px;
    top:0px;
	color: #000;
	list-style: none;
}


.social li {
	color: #0000;	
	padding-left:12px;	
	z-index:99;
	display: block;
	float: left;
	
}

.social img {
	display: block;
	width:40px;
	z-index:99;	   

}



.compartir_enlaces {
    float:left;
	display:block;
	margin-right:0px;
	z-index:99;
	margin-top:0px;
    top:0px;
	color: #000;
	list-style: none;
}


.compartir_enlaces li {
	color: #0000;	
	padding-left:12px;	
	z-index:99;
	display: block;
	float: left;
	
}

.compartir_enlaces img {
	display: block;
	width:40px;
	z-index:99;	   

}



/* MENU SOCIAL//////////////////////////////////////////////////////////////////////// */



/* SCREENSHOW  V2 POPUP//////////////////////////////////////////////////////////////////////// */

.capturas2 {
    float:left;
	display:block;
	z-index:99;
	margin-top:0px;
	margin-left:-12px;	
	color: #000;
	list-style: none;
}


.capturas2 li {
	color: #0000;	
	padding-left:12px;
	padding-bottom:12px;
	z-index:99;
	border-bottom: none;
	display: block;
	float: left;
	
}

.capturas2 img {
	display: block;
	width:146px;
	z-index:99;	   

}


/* MENU SERVICIOS//////////////////////////////////////////////////////////////////////// */







.linea {
	border-bottom: 1px solid #ccc;
	margin-bottom:300px;
}




.estilo1{
	display: block;
	float:left;	
	padding:5px;		
	font-size: 30px;
	backgroundddd:#3399ff;
	color:#3399ff;
	font-weight:300;
}

.proximo_boton{
	display: block;
	float:right;	
	padding-left:5px;				
	font-size: 30px;
	background:#3399ff;
	color:#fff;
	font-weight:300;
}

.margen_left{		
	margin-left:40px;
}




/* BOTON VIDEO//////////////////////////////////////////////////////////////////////// */


.play_boton {
    position:absolute;
	display:block;
	margin-top:200px;
	margin-left:300px;
	display: block;
	width:200px;
	height:200px;
	z-index:199;
	background-image: url(imagenes/play.png);

}

.play_video h1 { 
	 position:absolute;
	 margin-top:-300px;
	 margin-left:320px;
	 background:#fff;
	 color:#000;
	 display:none;
	 font-size:60px;
	 padding:10px;

}


#face img { 
	width:100px;
	float:right;
	margin-top:-5px;

}

.contacto h1 { 
	font-size:25px;

}

.contacto p { 
	font-size:16px;
	padding-bottom:5px;

}






.creditos {



text-align:center;
font-size:15px;
padding:10px;	
}

.creditos a {
 color:#fff;
	font-size:15px;

}







#producto {
   
padding:0px;  

}

#producto h2 {
margin: 0px 0px 15px 0px;
text-align:left;

} 
  
#producto img {   
	float: left;	
	margin: 0px 15px 15px 0px;	
	width:200px;   
}

#producto p, strong { 

   
}



#video {
   position:fixed;
   left:0px;
   bottom:250px;
   height:40px;
   width:100%; 
}

/* IE 6 */
* html #video {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#video img {   
		
	margin: 10px 15px 15px 0px;	
	width:250px;   
}

#video_container {
   display:block;
width:960px;
margin:0px auto;
text-align:left;
z-index:-22;
}







.imgnoticias {
    float:left;
	display:block;
	z-index:99;
	margin-top:0px;
	margin-left:-10px;	
	color: #000;
	list-style: none;
z-index:99;
}


.imgnoticias li {
	color: #0000;	
	padding-left:10px;
	padding-bottom:10px;
	z-index:99;
	border-bottom: none;
	display: block;
	float: left;
	z-index:99;
	
}

.imgnoticias img {
	display: block;
	width:275px;
	z-index:99;	   

}



@media screen and (max-width: 768px) {
				
		#imgnoticias {
			text-align:center;
			margin: 0 auto;
			
		}	
		
		.imgintro {
			text-align:center;
			margin: 0 auto;
			
		}		
		
}





.margenright {
padding-left:50px;
width:850px;
}


.margenr {
padding-left:50px;
width:270px;

}

.margenleft{
	
width:560px;
float:right;
margin-right:70px;
margin-top:10px;	
}