@charset "utf-8";



/*Slider*/

#slider1 {

	overflow: hidden;

	padding: 0px;

	margin-bottom: 0px;

	margin-right: auto;

	margin-left: auto;

	width: 100%; /* important to be same as image width or wider */

	height: 700px;

	text-align: center;

	margin-top: 0px;

	position: relative;

	top: 10px;

	left: 0px;

	}



#slider1Content {

	text-align: center;

	width: 100%;

	overflow: hidden;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

	

#imgSlide {

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	float: none;

	z-index: 1;

	position: absolute;

	left: 0px;

	top: 0px;

}

	

	

.slider1Image  {

	text-align: center;

	display: none;

	margin: 0px;

	padding-top:0px;

	margin-top:60px;

}

.slider1Image img { width:auto;}

.slider1Image span  {

	text-align: left;

	color: #000;

	display: none;

	margin-top: 0px;

	font-size: 13px;

	top: -200px;

	}

	

	





#cajaImg {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}







#opti {

	display:none;

	position: relative;

	top: -95px;

	left: 0px;

	color: #fff;

	float: left;

	height: auto;

	width: 100%;

	z-index: 1000;

	overflow: hidden;

	font-size: 25px;

	text-shadow: 1px 1px 3px #000;

	padding-top: 5px;

	margin: 0px;

	font-weight: 100;

	padding-bottom: 5px;

	line-height: normal;

	background-color: rgba(0,102,204,1);

	text-align: center;

	opacity:0.01;

}



/*Slider*/











body {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #333;

	margin: 0px;

	padding: 0px;

}

h1, h2, h3, h4, nav a, #sopor1, #descar1, #contac, .bot1 {

	font-family: 'Open Sans', "sans-serif;";

	font-weight: 200;

	

}

h1, h3 {

	font-size: 45px;

	margin-top: 3px;

	margin-bottom: 3px;

}



h2 { font-size:30px;}

h3 { font-size:25px;}

h4 { font-size:20px;}

nav {

	background-color: #fff;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: fixed;

	top: 0px;

	left: 0px;

	text-align: center;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;

	float: left;

	z-index: 20000;

	}

	

nav a, footer .caja33 a {

	float: left;

	margin-right: 30px;

	text-decoration: none;

	font-size: 25px;

	color: #FFF;

	margin-top: 20px;

}

nav a  {

	float: right;}





a:hover {

	color: #9F0;

}

section {

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	text-align: left;

	overflow:auto;

}

address {

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	font-style: normal;

}

ul, table {

	text-align: left;

	margin-right: auto;

	margin-left: auto;

}

ul {

	width:80%;

	font-size: 17px;

	color: #000;

}

p {

	width: 80%;

	float: none;

	margin-right: auto;

	margin-left: auto;

}



table {

	border: 1px solid #0CF;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

tr:nth-child(odd) {

	background-color: #CCC;

}

td {padding:2px;

margin:0px;}

footer {

	width: 100%;

	overflow: auto;

	height: auto;

	padding-bottom:20px;

	padding-top:20px;

		background-image: -webkit-linear-gradient(#1f3040 20%, #006699);

	background: -moz-linear-gradient(#1f3040 20%, #006699);

	background: -ms-linear-gradient(#1f3040 20%, #006699);

	background: -o-linear-gradient(#1f3040 20%, #006699);

	background: linear-gradient(#1f3040 20%, #006699);

	

	

}

footer .caja33 h4 { color:#FFF;

font-weight:600;}

footer .caja33 { text-align:left;

width:95%;

margin-left:10px;

overflow:auto;

margin-bottom:20px;}

.img1 {

	margin-right: 30px;

	margin-top: 00px;

}

.img2 {

	margin-left:auto;

	margin-right:auto;

	float:none;

	}

.img100 {

	float: none;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

}





.caja1 {

	height: auto;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	overflow: auto;

	float: none;

	background-color: #FFF;

}

.caja2 {

	margin-top: 0px;

	background-image: url(cabecero_index2.jpg);

	background-position: center;

	width: 100%;

	height:350px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



.cajap3 {

	text-align: center;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.caja4 {

	background-color: rgba(256,256,256,0.7);

	margin-bottom: 20px;

	padding: 20px;

	border-radius: 10px;

	font-size: 17px;

}

.caja33 {

	float: left;

	width: 95%;

	text-align: center;

	/*border: 1px solid #0F0;*/

}

.caja33:nth-child(4) {float:right;}



.tit1 {



	padding-top: 20px;

	text-align: center;

	color: #FFF;

	text-shadow: 0px 0px 10px #000;

	font-weight: 200;

}

	

.descar {

	background-image: url(clouddown.png);

	background-repeat: no-repeat;

	height: 96px;

	width: auto;

	padding-left: 55px;

	overflow: auto;

	font-size: 16px;

	font-weight: 200;

	color: #06F;

	text-decoration: none;

	padding-top: 10px;

	padding-bottom: 15px;

	margin-top: 10px;

}

.descar:hover {

	background-image: url(clouddownAc.png);

	transition:0.3s;

	color:#900;}

	

#desca1, #sopor1, #desca2, #sopor2, #contac , #contacto2  {

	background-image: url(sopor.png);

	padding-left: 35px;

	opacity: 0.80;

	background-repeat: no-repeat;

	}

#desca1 {

	background-image: url(descar.png);

	padding-left: 46px;



}

#contac {

	background-image: url(contacto.png);

}

#desca1:hover, #sopor1:hover, #contac:hover { opacity:1;}

footer .caja33 #sopor1 { clear:left;}

footer .caja33 a { color:#fff;

float:none;

clear:left;}



#desca2, #sopor2, #contacto2 { background-image:url(clouddownAc.png);

opacity:1;

padding-left:50px;

height:40px;}

#sopor2 { background-image:url(soporte2.png);}

#contacto2 { background-image:url(contacto2.png);

margin-right:0px;}





#img1, img2 { position:relative;

top:0px;

left:0px;

float:none;}

#img2 {top:600px;}

#logo1 { margin-top:0px; padding-bottom:20px;}



#nav1 { width: auto;height:auto;	}

#logo1 {

	text-align:center;

	height:auto; width:auto%;

overflow:auto;

float:left;

background-color:#fff;

margin-right:0px;

padding-left:0px;

padding-top:10px;

padding-left:0px;

}

#logo1 .img1 { margin-left:10px;}

#menuCel {

	position: absolute;

	top:70px;

	left: -1050px;

	width:100%;

	height: auto;

	overflow: auto;

	padding: 0px;

	background-color: transparent;

	transition: 0.3s;

	z-index: 50000;

	background-color: rgba(31,87,156,0.6);

}

#menuCel #sopor1, #menuCel #desca1, #menuCel #contac { clear:left;

margin-bottom:20px;

float:none;

font-size:25px;

padding-left:50px;

font-weight:200;

text-decoration:none;

color:#fff;

}



#cel{

	display: block;

	z-index: 50000;

	top: 0px;

	position: relative;

	left:200px;

}

.caja100 { width:100%;

margin-bottom:20px;

overflow:auto;	}

#bot {width:90%; padding-bottom:20px; overflow:auto;

padding-left:20px;}

#img100, #cajaE { width:95%;}

.banner1 { width:100%;

text-align:center;

margin-top:15px;

height:auto;}



.bot1 { float:left;

width:auto;

height:auto;

border-radius:20px;

color: #fff;

background-color: #F00;

text-decoration:none;

padding:7px;

font-size:16px;

font-weight:600;

}



.bot1:hover {background-color: #900;}



@media screen and (min-width: 960px) {

	#cajaE {width:540px;}

#img100 { width:auto;}



#menuCel { display: none;}

#cel{ display:none;}

#img1, img2 { float: left;}

nav {background-color: #114665;}	

	

#logo1 {

text-align:left;

height:70px; width:186px;

overflow:auto;

float:left;

background-color:#fff;

margin-right:50px;

padding-left:10px;

padding-top:10px;

padding-left:20px;

padding-bottom:0px

}

#logo1 .img1 { margin-left:0px;}





#nav1 {

	width: 90%;

	height: 80px;

}





.cajap3 {	width: 180px;}





ul { width:50%;}



.caja33 {width: 33%;}



footer .caja33 {width:30%;}







}