@charset "UTF-8";
/* CSS Document */
/* Diseñado por Web Arte Digital*/
/* www.webartedigital.com.mx*/
 

/*Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Fin Reset*/

@font-face{
	font-family:"Century Gothic";
	src:url(../fonts/Century%20Gothic.ttf);
	
}

a {color:#fff; text-decoration:none; font-family:"Century Gothic";}
a:hover {text-decoration:underline;}



.base{
	margin:auto auto auto auto;
	width:952px;
	height:756px;
	}

.header{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	width:952px;
	height:200px;
	background-image:url(../images/header.png);
	
	
}

.redsocial{
	position:absolute;
	margin-left:845px;
	margin-top:80px;
	
}


.menu {
	position:absolute;
	margin-left:450px;
	margin-top:110px;
	background-image:url(../images/menubg.png);
	width:428x;
	height:82px;
}

#navi{
	float:left;
	list-style:none;
	margin-left:0px;
	padding:0px;
}

#navi li{
	margin:0px;
	padding:0px;
	float:left;
	}
#navi li a {
	float:left;
	display:block; 
	width:100px;
	height:31px;
	padding:25px 0;
	text-decoration:none;
	font-family:"Century Gothic";
	
	text-align:center;
	font-size:18px;
	color:#000;
	
}

#navi li a:hover {
	color:#009938;}

.bannerrs{
	position:absolute;
	margin-top:300px;
	margin-left:10px;
}

.bannermob{
	position:absolute;
	margin-top:280px;
	margin-left:10px;
}

.cuadro1{
	position:absolute;
	margin-top:220px;
	background-color:#e9e9e9;
	width:659px;
	height:500px;
}

.img1{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
}

.banrs{
	position:absolute;
	margin-top:380px;
	margin-left:670px;
}


.tl{
	position:absolute;
	margin-top:30px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:26px;
	color:#009938;
	width:300px;
}

.tl2{
	position:absolute;
	margin-top:60px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:16px;
	color:#666;
}

.cont{
	position:absolute;
	margin-top:90px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:14px;
	color:#666;
	width:620px;
	text-align:justify;
}

.contpoli{
	position:absolute;
	margin-top:70px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:14px;
	color:#666;
	width:620px;
	text-align:justify;
}

a.btnvmas{
	position:absolute;
	margin-top:250px;
	margin-left:72px;
  background:#201712;
  color: #FFF;
  padding: 15px 15px;
  text-decoration: none;
  font-size: 16px;
 
}

a.btnvmas:hover{
	background-color:#009938;
}

a.btnvmas2{
	position:absolute;
	margin-top:15px;
	margin-left:832px;
  background:#201712;
  color: #FFF;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 16px;
 
}

a.btnvmas2:hover{
	background-color:#009938;
}

a.btnvmas3{
	position:absolute;
	margin-top:145px;
	margin-left:152px;
  background:#98ac08;
  color: #FFF;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 16px;
   -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
 
}

a.btnvmas3:hover{
	background-color:#a53a2f;
}



.a.btnvmas3{
	position:absolute;
	margin-top:145px;
	margin-left:152px;
  background:#98ac08;
  color: #FFF;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 16px;
   -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
 
}

a.btnvmas3:hover{
	background-color:#a53a2f;
}

a.btnsecc1{
	position:absolute;
	margin-top:75px;
	margin-left:15px;
  background:#98ac08;
  color: #FFF;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 16px;
 font-family:"Century Gothic";
 
 
}

a.btnsecc1:hover{
	background-color:#603913;
}

a.btnsecc2{
	position:absolute;
	margin-top:115px;
	margin-left:15px;
  background:#009938;
  color: #FFF;
  padding: 5px 17px;
  text-decoration: none;
  font-size: 16px;
  font-family:"Century Gothic";
 
 
 
}

a.btnsecc2:hover{
	background-color:#603913;
}

	
	
.cuadro2{
	position:absolute;
	margin-top:220px;
	margin-left:670px;
	background-color:#FFF;
	width:269px;
	height:153px;
}

.tl3{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	font-family:"Century Gothic";
		font-size:26px;
	color:#333;
}

.linea{
	position:absolute;
	margin-top:60px;
	margin-left:15px;
	width:240px;
	height:1px;
	background-color:#666;
}

.cuadro3{
	position:absolute;
	margin-top:1090px;
	margin-left:0px;
	background-color:#FFF;
	width:938px;
	height:246px;
}

.tl4{
	position:absolute;
	margin-top:285px;
	margin-left:20px;
	font-family:"Century Gothic";
		font-size:26px;
	color:#009938;
}

.cont2{
	position:absolute;
	margin-top:315px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:14px;
	color:#666;
	width:620px;
	text-align:justify;
}

.tl5{
	position:absolute;
	margin-top:370px;
	margin-left:20px;
	font-family:"Century Gothic";
		font-size:26px;
	color:#009938;
}

.cont3{
	position:absolute;
	margin-top:400px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:14px;
	color:#666;
	width:620px;
	text-align:justify;
}

.tl6{
	position:absolute;
	margin-top:440px;
	margin-left:20px;
	font-family:"Century Gothic";
		font-size:26px;
	color:#009938;
}

.cont4{
	position:absolute;
	margin-top:470px;
	margin-left:20px;
	font-family:"Century Gothic";	font-size:14px;
	color:#666;
	width:620px;
	text-align:justify;
}

.linea2{
	position:absolute;
	margin-top:60px;
	margin-left:15px;
	width:910px;
	height:1px;
	background-color:#666;
}

.mob1{
	position:absolute;
	margin-top:80px;
	margin-left:20px;
}

.mob2{
	position:absolute;
	margin-top:80px;
	margin-left:640px;
}

.mob3{
	position:absolute;
	margin-top:80px;
	margin-left:330px;
}

.cuadro4{
	position:absolute;
	margin-top:384px;
	margin-left:670px;
	background-image:url(../images/respsocial.png);
	width:269px;
	height:189px;
}

	
.footerbg{
	position:absolute;
	margin-top:748px;
	background-color:#009938;
	width:952px;
	height:80px;
}

.footerbg2{
	position:absolute;
	margin-top:65px;
	background-color:#009938;
	width:952px;
	height:15px;
}


.footer1{
	position:absolute;
	margin-top:15px;
	margin-left:10px;
	width:420px;
	
	text-align:left;
	font-family:"Century Gothic";
	font-size:18px;
	color:#fff;}
	
.footer2{
	position:absolute;
	margin-top:40px;
	margin-left:10px;
	width:420px;
	
	text-align:left;
	font-family:"Century Gothic";
	font-size:10px;
	color:#fff;}	

.footer3{
	position:absolute;
	margin-top:10px;
	margin-left:520px;
	width:420px;
	line-height:25px;
	text-align:right;
	font-family:"Century Gothic";
	font-size:18px;
	color:#fff;}	
	
.logok{
	position:absolute;
	margin-top:4px;
	margin-left:400px;
}