/* reseteo universal */
* {
border: 0;
margin: 0;
padding: 0;

}

img{max-width:100%;}
/*end reset*/

body 	{

	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/banner.jpg)no-repeat center fixed; background-size:cover;
	margin: 0;
	padding: 0;
	border: 0;
	}


/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #BA8F6D; text-decoration: underline; }

a:hover				{ color: #33FF00; text-decoration: underline; }




/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body		{ color: #9AA0A8; font: 1.20em arial, helvetica, sans-serif; font-weight: normal; }

.title		{ color: #FFFFFF; font: 2.6em arial, helvetica, sans-serif; font-weight: normal; }

.subtitle	{ color: #FFFFFF; font: 1.0em arial, helvetica, sans-serif; font-weight: bold; }

.hilite		{ color: #FFCC00; }

.article    { color: #9AA0A8; font: .7em arial, helvetica, sans-serif;text-align: justify; }




/* PAGE WIDTHS HEIGHTS */



.pagewidth	{
	width: 90%;
        }

.pagediv	{
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		margin-top: 70px;
		}

#contentdiv	{
		width: 94%;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0 auto;
		}

.content-background	{

	   background-image: url("../img/transparent.png");
	   -webkit-border-radius:15px;
	   -moz-border-radius:15px;
	   border-radius:15px;
		}


.titulo{

text-align: center;
font-family: 'allerregular', serif;
font-size: 180%;
font-weight:bold;
color: #fff;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}


/* ALIGNMENT */

table, tr, td	{
	border-collapse:collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.center-div	{ margin-left: auto; margin-right: auto; }




/* BORDERS AND BARS */


.pagebarmiddle	{
		font-size: 0.1em;
		height: 12px;
		width: 100%;
		border-width: 0px 0px 0px 0px;
		}



.page-splits	{
		font-size: 0.1em;
		line-height: 1px;
		background-color: #1A1D22;
		color: #1A1D22;
		height: 3px;
		width: 99%;
		margin: 3px 0px 3px 0px;
		}


#search {
	float: right;
      width: 60%;
	  height: 90px;

}
.google-3 {
    position:relative;
    width:auto;
    height:330px;
    overflow:hidden;
    float:left;
    margin-right:20px
}
.google-3 figure {
    margin:0px;
    padding:20px;
    position:relative;
    cursor:pointer;
    margin-left:-50px
}
.google-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0
}
.google-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.google-3 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:1em;
    text-align:left;
    margin:20px;
}
.google-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:1.2em;
    line-height:1.4em;
    margin:20px;
    color:#fff;
    text-align:left

}
.google-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:9px 44px;
    background-color:rgba(26,76,110,0.5);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.google-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.google-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.google-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

/* FOOTER */

.footerdiv	{
		color: #80868E;
		font: 0.80em arial, sans-serif;
		text-align: center;
		background-image: none;
		padding: 11px 0px 6px 0px;
        background-image: url("../img/transparent.png");
	   -webkit-border-radius:15px;
	   -moz-border-radius:15px;
	   border-radius:15px;
 	   border-width: 0px 0px 0px 0px;
		}

.footericon	{
	float: right;
	margin: 0px 0px 3px 0px;
 }




/* LIST CODE */

ul 		{
	margin-top: 0px;
	margin-bottom: 0px;
}
li 		{
	color: #996600;
}
li span 	{
	color: #FFFFFF;
}

#menudiv	{
		overflow: hidden;
		padding: 7px 2px 0px 2px;
		-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	   border-radius:15px;
	   background-image: url("../img/transparent.png");



		}

.menu-spacer	{
	clear: both;
	font-size: 1px;
	padding: 0px;
	height: 1px;
	margin: 0px; }

.menu		{
		font-family: arial, helvetica, sans-serif;
		font-size: 0.80em;
		font-weight: normal;
		width: 85px;
		float: left;
		cursor: pointer;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 6px 2px;
		-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	   border-radius:15px;
		background-image: url("../img/transparent.png");
		}



a.menulink:link, a.menulink:visited, a.menulink:active	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold; }

a.menulink:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold; }




/* IMAGES */

img 		{ border: 0;
}

.imagediv	{
		width: 100%;
		height: 60px;
		text-align: left;
		background-color: #000000;
		border: #000000 0px solid;
		margin: 0px 0px 0px 0px;
		}



.imagetext	{ color: #9AA0A8;
	font: 0.7em arial, sans-serif;
}


/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide { display:none;}
}

/* MENU CODE */

#menudiv	{
		overflow: hidden;
		padding: 7px 2px 0px 2px;
		background-color: #000000;
		background-image: none;
		border: #999999 0px solid;
		}

.menu-spacer	{
	clear: both;
	font-size: 1px;
	padding: 0px;
	height: 1px;
	margin: 0px; }

.menu		{
		font-family: arial, helvetica, sans-serif;
		font-size: 0.80em;
		font-weight: normal;
		width: 85px;
		float: left;
		cursor: pointer;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 6px 2px;
		background-color: #212328;
		border: #212328 1px solid;
		background-image: url("../img/transparent.png");
		}



a.menulink:link, a.menulink:visited, a.menulink:active	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold; }

a.menulink:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold; }
/**/
@media all and (min-width:260px){
	#search-left {
	   width: 90%;
	   height: 60px;
}
#search-right {
      width: 10%;
	  height: 60px;

}
@media all and (min-width:420px){
	#search-left {
	   width: 80%;
	   height: 60px;
}
#search-right {
      width: 20%;
	  height: 60px;

}
@media all and (min-width:520px){
	#search-left {
	   width: 70%;
	   height: 60px;
}
#search-right {
      width: 30%;
	  height: 60px;

}
@media all and (min-width:680px){
	#search-left {
	   width: 50%;
	   height: 60px;
}
#search-right {
      width: 50%;
	  height: 60px;

}
@media all and (min-width:820px){
	#search-left {
	   width: 40%;
	   height: 60px;
}
#search-right {
      width: 60%;
	  height: 60px;

}
}