@charset "utf-8";

/* CSS Document */

@import url(normalize.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic,700italic,300);







/*resets*/

*{

	box-sizing:border-box;

	border:none;

	text-decoration: none;

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}



figure{

	margin: 0;

	display:block;

}



.img-responsive {

	width:100%;

	height:auto;

	

	}





/*boton arriba*/

#IrArriba {

position: fixed;

bottom: 30px; 

right: 30px; 

}



#IrArriba span {

width: 60px; 

height: 60px; 

display: block;

background: url(imgs/arriba.png) no-repeat center center;

}



/*basicos*/

html{

	font-size: 10px;

}



body { font-family: 'Roboto', sans-serif;

background: url(imgs/fondoblanco.gif) repeat-x #E0E1E3;

}



h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { font-size:1.5em;

font-weight:200;

color:#003264;

line-height:1.3em;

text-align:center;



	

	}



h3 { 

	font-family:Roboto Condensed;

	font-size:1.3em;

	font-weight:200;

	color:#002544;

	font-weight:bold;

	

	}





#container{

	margin:auto;

	max-width: 1000px;

	;

}

.encabezado{

	max-width:1000px;

	height:144px;

	margin-left:auto;

	margin-right:auto;

	background-color:#FFF;

}





.top{

	width:648px;

	margin:auto;

	

}





.titulos{

	text-align: center;

	font-size: 1.6em;

	color: #FFF;

	background-color:#666666;

	width: 100%;

	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	font-weight:bold;

	letter-spacing:0.5em;

}







.top{

	max-width:1000px;

	z-index:1000;

}



	





.cleaner{

	clear: both;

}

img-responsive{

	width: 100%;

	height:auto;

}





.toogle-button { display:none;

	

	}



.botonera ul{

	font-family: "Roboto Condensed";

	margin-top: 0;

	text-transform: none;

	text-decoration: none;

	width: 100%;

	margin-left: 0;

	padding-bottom: 3em;	

	}

.botonera li{

	float:left;

	text-transform:none;

	text-decoration:none;

	text-align:center;

	display:block;

	width:19.90%;/*33.23*/

	margin-right:0.0999%;

	background-color:#002544;

	font-weight:700;

	}



.botonera li:last-child a {

	margin-right:-1px;

	}



.botonera a{

	padding-top:1em;

    padding-bottom:0;

	display:block;

	font-size:1.4em;

	color:#FFF;

	text-transform:none;

	text-decoration:none;

	height:40px;

	}



.botonera a:hover {

	background-color:#98BC1B;

	color:#FFF;

	font-weight:700;

	}

	

.centro{

	width:100%;

	background-color:#98BC1B;

	float:left;

	/*max-height:340px;*/

}



.imagen_home{

	width:60%;

	float:left;

	height:auto;

}



.resaltado_home{

	width:40%;

	float:left;

	height:auto;

	background-color:#98BC1B;

	color:#FFF;

	font-size:2.6em;

	text-align:left;

	padding-left:1em;

	padding-top:0.8em;

}

.resaltado_home a{



	color:#002544;



}







footer {

	width:100%;

	background-image:url(imgs/fondo-foot.jpg);

	height:3em;

	font-size:1.6em;

	color:#fff;

	padding:1em 0 1em  0 ;

	text-align:center;

	margin-top:1.5em;

	

	}





.pie { /*tarsis*/

	text-align:center;

	font-size:1.3em;

	width:100%;

	margin:0em auto 0 auto;

	

	}

.pie a{

	text-decoration:none;

	text-transform:none;

	color:#000;

	

	}

.textos{

	widht: 1000px;

	padding-top:1em;

	padding-left: 5em;

	padding-right: 5em;

}



hr{

	border:#CCC thin solid;

}



.cuadro {

	width: 100%;

	font-size: 1em;

	color: #000;

	line-height: 1.5em;

	text-align: center;

	margin-bottom:0.5em;

	background-color:#DADFAC;

	border-radius:8px;

	float: left;

	padding:0.5em;

	}



.txt2 {

	width: 90%;

	font-size: 1.8em;

	color: #000;

	margin-left: 2.5em;

	margin-top:1em;

	margin-bottom:0.5em;

	line-height: 1.5em;

	text-align: left;

	float: left;

	}

	

.txt2 a{

	color:#002544;

}





.afip{

	width:5%;

	margin:auto;

}









/*////////////*/



@media screen and (max-width: 988px){

	

	.encabezado { width:100%;

text-align:center;

	

	}

	

	.top{



	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

		

	

}



.porta {

	float:none;

	width:100%;

	

	}





.botonera li {

	margin-top:0.5em;

	

	}

	

.txt2 {

	width: 60%;

	margin-left: 0.2em;

	margin-bottom:0.5em;

	float: left;

	}



	.top{



	width:70%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;



}

.imagen_home{

	width:60%;

}



.resaltado_home{

	width:40%;

	height:auto;

	color:#FFF;

	font-size:2.2em;

	text-align:center;

	padding-left:1em;

	padding-top:0em;

	

}





}



@media screen and (max-width: 898px){

	

	









.porta {

	float:none;

	width:100%;

	

	}







	

	nav {

		display:none;

		

		}

	

	.portabotones {

	height:auto;

	

	}

		

.toogle-button { display:block;

	

	}



.toogle-button{

	display: block;

	width: 50px;

	margin:0.5em auto 1em auto;

	background-color: #333;

	border-radius: 10px;

	padding: 10px;

}

.toogle-button span{

	display: block;

	border-top: solid 2px #fff;

	border-bottom: solid 2px #fff;

	height: 16px;

	position: relative;

	text-indent: -9999px;

}

.toogle-button span:after{

	content: '';

	width: 100%;

	height: 2px;

	background-color: #fff;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -1px;

}



.botonera ul{

	font-family: 'Roboto', sans-serif;

	margin-top:0;

	text-transform:none;

	text-decoration:none;

	width:100%;

	margin-left:0;

	

	

	}

.botonera li{

	width:100%;

	margin-right:auto;

	margin-left:auto;

	border-bottom:#FFFFFF 1px solid;

	margin-top:0;

	}







.botonera a{

	display:block;

	font-size:1.2em;

	color:#FFF;

	text-transform:none;

	text-decoration:none;

	padding-top:1.5em;

	padding-bottom:1em;

	background-color:#002544;

	}



.botonera a:hover {

	

	background:none;

	background-color:#98BC1B;

	color:#FFF;

	font-weight:700;

	

	}





.textos{

	widht: 100%;

	padding-top:1em;

	padding-left: 1em;

	padding-right: 1em;

}





.imagen_home{

	width:100%;

}



.resaltado_home{

	width:100%;

	height:auto;

	color:#FFF;

	text-align:center;

	padding-left:0em;

	padding-top:0em;

	

}



.txt2 {

	width: 95%;

	margin-left:1em;

	margin-right:1em;

	margin-bottom:1em;

	float: left;

	}



}



	

@media screen and (max-width: 655px){	



.txt2 {

	width: 90%;

	margin-left: 1em;

	margin-bottom:1em;

	float: left;

	}



	.top{



	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;



}



.encabezado{

	height:auto;

}





}







@media screen and (max-width: 455px){

	



.afip{

	width:20%;

	margin:auto;

}









	

footer {

	width:100%;

	background:url(imgs/fondo-foot.jpg) repeat-x #000;

	height:6em;

	font-size:1.6em;

	color:#fff;

	padding:1em 0 1em  0 ;

	text-align:center;

	margin-top:1.5em;

	

	}	

	

}