.chromeframe { background: #ccc; color: black; position: absolute; width: 100%; height: 100%; z-index:500; }
.chromeframe p { top: 30%; text-align: center; font-size: 30px; color:#000; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
        display: block;
    }


html
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline
}	

body {

	background-image: url(../img/mainBg.jpg);background-position: 50% 0; background-repeat:no-repeat; height:100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline
		   }		

	
header
{
	height: 200px; width: 974px; position: relative; bottom: 7px;margin:0 auto;
}

header nav {
	width:972px;
	margin: 0 auto;
	text-align: center;

}

header nav ol {

	
}

header nav ol li{
	display: inline;	
}


header nav ol li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    display:inline-block;
    padding:17px 20px;
    color:#fff;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.4) 0 1px 0;
    text-decoration:none;
    background-repeat:no-repeat;
    background-color: black;
            
}

header nav ol li a:hover,
.uibutton:focus {
    background-position:0 0, 0 0;
    color: #f4f4f5;
    background-color:#1b5db7;


        -webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
        
        text-shadow: 1px 1px 1px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
		 
}

header nav .logo img{
		text-align: center;
			
}
.mainContent { background-color: white;}
.contenido .submenu {position: relative; margin: 0 auto;width: width: 974px;height:43px; padding:0;} .contenido .submenu ul { list-style:none; width:100%; height:43px; padding:0; display:inline;}



/*.contenido .submenu {	width:100%;position: relative; margin: 0 auto;width: width: 970px;height: 43px;} .contenido .submenu ul { height:45px;width: 970px; display: inline; background-color:black;}
.contenido .submenu li {display:inline; /*border-right: 1px solid red;width: 25%;}*/

.contenido .submenu a{
	background-color: black;
    background-repeat: no-repeat;
    box-shadow: 0 1px 0 #000000;
    color: #0099FF;
    display: inline;
    float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 12px 3.2px;
    text-align: center;
    text-decoration: none;
	width: 188px;
	
	
   }
.contenido .submenu a:hover {
    color: #f4f4f5;
    background-color: #06F;
	
        -webkit-transition: background 0.3s ease-in;
		-moz-transition: background 0.3s ease-in;
        -ms-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
		transition: background 0.3s ease-in;
		
                   }

.contenido {
    height: 387px;
    margin: 0 auto;
    width: 974px;
}

.contenidoDetail {
    margin: 0 auto;
    width: 974px;
}
.contenidoDetail .submenu {position: relative; margin: 0 auto;width: width: 974px;height:43px; padding:0;} .contenidoDetail .submenu ul { list-style:none; width:100%; height:43px; padding:0; display:inline;}





.contenidoDetail .submenu a{
	background-color: black;
    background-repeat: no-repeat;
    box-shadow: 0 1px 0 #000000;
    color: #0099FF;
    display: inline;
    float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 12px 3.2px;
    text-align: center;
    text-decoration: none;
	width: 188px;
	
	
   }
.contenidoDetail .submenu a:hover {
    color: #f4f4f5;
    background-color: #06F;
	
        -webkit-transition: background 0.3s ease-in;
		-moz-transition: background 0.3s ease-in;
        -ms-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
		transition: background 0.3s ease-in;
		
                   }

.contenido {
    height: 387px;
    margin: 0 auto;
    width: 974px;
}

/*==== Slideshow ====*/
.contenido .slider{
    height: 325px;
    margin: 0 auto;
    width: 974px;
	
}
.contenido #slides {position:absolute; z-index:100; width:974px; height:324px;float: left; clear:both;}
.contenido .slides_container {width:970px; height:324px; overflow:hidden; position:relative; display:none;}
.contenido .slides_container div.slide {width:924px; height:336px; display:block;}

/* Next/prev buttons */
.contenido #slides .next,#slides .prev {position:absolute; top:80px; left:0; width:24px; height:43px; display:block; z-index:101;}
.contenido #slides .next {left:953px;}

/* Pagination */
.contenido .pagination { display:none; margin:26px auto 0; width:100px;}
.contenido .pagination li {float:left; margin:0 1px; list-style:none;}
.contenido .pagination li a {display:block; width:12px; height:0; padding-top:12px; background-image:url; background-position:0 0; float:left; overflow:hidden;}
.contenido .pagination li.current a {background-position:0 -12px;}

/* Caption */
.contenido .caption {z-index:600; position:absolute; top:0; left:550px; width:420px; height:304px; margin:0; padding-top:20px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; background:#252526;}
.contenido .caption .button {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background: #f99818; background: -moz-linear-gradient(top,  #f99818 11%, #f56f01 100%);  background: #4f5051;
background: -moz-linear-gradient(top,  #4f5051 32%, #353435 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#4f5051), color-stop(100%,#353435)); background: -webkit-linear-gradient(top,  #4f5051 32%,#353435 100%); background: -o-linear-gradient(top,  #4f5051 32%,#353435 100%); background: -ms-linear-gradient(top,  #4f5051 32%,#353435 100%); background: linear-gradient(top,  #4f5051 32%,#353435 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5051', endColorstr='#353435',GradientType=0 ); border:1px solid #424243;padding:10px 25px; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:12px; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); position:absolute; top:240px; left:100px;}
.contenido .caption .button:hover {background:#575758; border:1px solid #555; -webkit-box-shadow: inset 1px 1px 20px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 1px 20px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px 20px 3px rgba(0, 0, 0, 0.3);}

/* Images */
.contenido .slides_container img {position:absolute;z-index:300;}

/* Texts */
.contenido .slides_container h1 {font-size:21px; margin-bottom:20px; color:#fff;text-align: center;}
.contenido .slides_container h2 {font-size:24px; margin-bottom:20px; color:#fff;text-align: center;}
.contenido .slides_container p {color: #FFFFFF;font-size: 12px; text-align:justify; margin-right:30px; margin-left:20px;}
.contenido .slides_container {font-weight:normal;}
 .thumb { width:974px; margin:0 auto;}
.thumb .view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.thumb .view-tenth .mask {
   background-color:background: rgb(245,246,246);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjVmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjZGJkY2UyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYjhiYWM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGRkZmUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(45deg,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));

background: -webkit-linear-gradient(45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);

background: -o-linear-gradient(45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);

background: -ms-linear-gradient(45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);

background: linear-gradient(45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 );



;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.thumb .view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.thumb .view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.thumb .view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.thumb .view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.thumb .view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.thumb .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.mainDetail { background-color:white; width: 974px; position: relative;;margin:0 auto; clear:both;height: 1000px;}
.main
{
	 width: 974px; position: relative;;margin:0 auto; clear:both;
}
.main .new{
	 margin: 33px 20px;
	 width: 67%;
	 float:left;
	 position:relative;
	 height:100%;
}				

.main .new h2 { 	font:Arial; 	font-weight:bold; 	color:#ae271b; 	font-size:24px; }

.main .new p { 	font:Arial; 	text-align:justify; 	color:#000; 	font-size:12px;}
	
.main .new img { 	float:left;
	top:5px;
	border: 2px solid #000;
	-webkit-border-radius: 40px 40px 40px 40px;
	border-radius: 10px 10px 10px 10px;
    margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;}

.main .new a .button {    	background-color: #09F;
	padding:7px 10px;
	border-radous: 10px;
	width: 12%;
	color:white;
	font-weight:bold;
	float: right; 	-webkit-border-radius: 40px 40px 40px 40px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
        }

.main .new a:hover .button { background-color:#06F}
.main article{
	width:70%;
	float:left;
	height:100%;
    background-color: #E8E6E6;
	border-radius: 15px ;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
	overflow:hidden; 	padding:5px 0;
}		

.main article:last-child{
	border:none;

}		

.main article h1 {     font:Arial;
    font-weight:bold;
    color:#ae271b;
    font-size:28px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;}
	
.main article h2 {     font:Arial;     font-weight:bold;     color:#06F;     font-size:25px;     margin-top: 10px;     margin-bottom: 10px;     margin-left: 10px;}

.main article p {     font:Arial;     text-align:justify;
    color:#333333;
    font-size:12px;
	margin: 10px;}
	
.main article img {
    float:left;
	top:5px;
	border: 2px solid #000;
	-webkit-border-radius: 40px 40px 40px 40px;
	border-radius: 10px 10px 10px 10px;
    margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
 }
 .main article p a {
	 color:#000;
	 font-weight:bold;
} 	 

.main article p a:hover { background-color:#09F;}

.main .sidebar{
	 margin-top: 30px;
	 width:28%;
	 float:right;
	 position:relative;
	 height:100%;
}

.main .sidebar img {margin: 10px 3px 0; float:inherit;}

footer {width:100%; height:530px;margin:0 auto; background-color:black; float:left; margin-top:70px;}
footer .logo {margin:0 auto; text-align:center;}
footer .navigation {width:960px; height:210px; margin:0 auto;}
footer .navigation img {margin: 5px 55px 5px 5px; border-radius: 10px;}
footer .navigation .col {width:470px; height:210px; float:left;}
footer .navigation .col h3 {font-size:16px; font-weight:bold; color:#a2a2a2; margin-bottom:15px;}
footer .navigation .col ul {color:#fff; float:left; margin-right:0px;}
footer .navigation div.col:last-child {margin:0;}
footer .navigation .col li {margin-bottom:5px;}
footer .navigation .col li:before{content:"\25BA"; color:#fff; padding:5px; text-align:left; font-size:8px; top:-2px; position:relative;}
footer .navigation .col li a {color:#FFF; text-decoration:none;}
footer .navigation .col li a:hover {text-decoration:underline;}


.clickable,
label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 /* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  .clearfix:after { clear: both; }  .clearfix { zoom: 1; }  


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */






/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}