/*-------------------------------------------------------------------------------------*/
body ,html {margin: 0px; width:100%; height:100%; background: #DDD;}
img { border:none; line-height:0;}
a { text-decoration:none; color:#DA251C;}
a:hover { text-decoration:none;}
a:focus { outline:none; text-decoration: none; color: inherit;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary, mark, fieldset { display:block;}
h1, h2, h3, h4, h5, h6, p, span { margin:0; padding:0;}

/* Fonts
================================================== */
@font-face {
	font-family: 'opensanslight';
	src: url('font/opensanslight-webfont.eot');
	src: local('☺'), url('font/opensanslight-webfont.woff') format('woff'), url('font/opensanslight-webfont.ttf') format('truetype'), url('font/opensanslight-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensansbold';
	src: url('font/opensans-bold-webfont.eot');
	src: local('☺'), url('font/opensans-bold-webfont.woff') format('woff'), url('font/opensans-bold-webfont.ttf') format('truetype'), url('font/opensans-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Headlines P
================================================== */
h1 { text-decoration:none; font-family: 'opensanslight'; color:#DA251C; letter-spacing:0.0mm; font-weight: normal; text-align: center; position: relative; line-height: 28px; font-size: 28px;}
h2 { text-decoration:none; font-family:'opensanslight'; font-size: 21px; line-height: 24px; color: #444444; text-align:left; letter-spacing:0mm; font-weight:normal;}
h3 { text-decoration:none; font-family:'opensanslight'; font-size: 20px;  line-height: 25px; color: #DA251C; text-align:left; letter-spacing:0mm; font-weight: normal;}
h4 { text-decoration:none; font-family: 'opensansbold'; font-size: 20px; line-height: 22px; color: #444; text-align:left; letter-spacing:0mm;}
h5 { text-decoration:none; font-family: 'opensanslight'; font-size: 20px; line-height: 20px; color: #FFF; letter-spacing:0mm; font-weight: normal;}
p, label { font-family:'opensanslight'; font-size:14px; text-align:left; color:#444; line-height:18px; font-weight:normal;}


/* Contenido
================================================== */
.contenido { position:relative; z-index: 1; height: 100%;}
.inner { max-width: 1240px; margin: auto; width: 100%; overflow: hidden; padding: 0 30px;}
::-webkit-scrollbar { width: 10px;} 
::-webkit-scrollbar-thumb { background: #DA251C;}
::-webkit-scrollbar-thumb:window-inactive { background: #DA251C;}


/* Header
================================================== */
header { width: 100%; position: fixed; top: 0; z-index: 2; background: #FFF;}
header > div { background: #FFF; height: 100px; margin: auto; max-width: 1180px; padding: 0 30px;}
	header .logo { background: url(../images/headerPony.png) no-repeat center center; width: 247px; height: 81px; display: block; text-indent: -9999px; float: left; margin: 10px 0 0 0px; background-size: cover;}
	header nav { margin-right: 0px; height: 100%;}
		header nav a, header nav > div { font-family: 'opensanslight'; font-size: 14px; line-height: 16px; color: #777777; height: 100%; padding: 0px 20px 0; display: table; float: left; position: relative;}
		header nav > *:hover { background: #DA251C;}
		header nav > *:hover i { opacity: 1; top: 38%;}
		header nav > *:hover span { opacity: 0;}
	header span { display: table-cell; vertical-align: middle; opacity: 1;}
	header i { position: absolute; top: 68%; left: 50%; opacity: 0; color: #FFF; margin-left: -13px;}
	.sub { visibility: hidden; display: none; position: absolute; margin: 0; padding: 0; top: 100%; left: 0; background: #DA251C;}
		.sub li { list-style: none;}
		.sub a { color: #FFF; display: block; padding: 10px 20px; margin: 0; font-size: 12px; width: 100%;}
		.sub a:hover { background: #AD1F18;}
	header nav > *:hover .sub { visibility: visible; display: block;}


/* Main
================================================== */
.btn-menu { display:none; font-family: 'opensanslight'; letter-spacing:0.1mm; color:#DA251C; font-size:14px; text-align:center; cursor:pointer; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position:absolute; top:30px; right:5%!important; z-index:3;}
.btn-menu i { display:block; margin:auto;}
.btn-menu-open { display:block; padding:10px;}
.st-menu { display: none;}
.subMenu { position: absolute; top: 0!important; left: 0; z-index: 1000;}
.pd { padding: 20px;}
.trs { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
.brs { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden; position: relative; z-index: 1;}
h1, h2 { border-bottom: 1px solid rgba(218,38,27,0.2); padding-bottom: 10px; width: 350px; margin: 0 auto 30px;}
.scrollup, .scrollup:focus { width:60px; height:69px; padding-top: 10px; color: #FFF; font-size: 44px; position:fixed; bottom:-69px; right:0px; transition:All 0.4s ease; -webkit-transition:All 0.4s ease; text-align:center; line-height:52px; background: #DA251C; z-index: 99999;}
.scrollup.show { bottom: 0;}
.scrollup:hover { color: #FFF;}
#main { padding: 40px 0;}
.btBack { position: absolute; right: 15px; top: -5px; border: 1px solid rgba(218,38,27,0.2); padding: 5px 10px;}
.btBack span { z-index: 2; position: relative;}
.btBack:hover { color: #FFF;}
.btBack::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0%; height: 100%; background: #B32E25; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; z-index: 1;}
.btBack:hover::after { width: 100%;}
.container { position: relative;}
.wow { visibility: hidden;}


/* Slider
================================================== */
#slider { width: 100%; margin-top: 100px;}
#slider.prueba { height: 200px; overflow: hidden;}
	#slider img { width: 100%;}
.carousel-indicators { z-index: 1;}
.carousel-indicators .active { background-color: #DA251C;}
.carousel-indicators li { border: 1px solid #DA251C;}
.carousel-control, .carousel-control:hover, .carousel-control:focus { color: #DA251C;}


/* Home
================================================== */
.cat {}
	h2 { text-align: center; width: auto;}
	.cat article { margin-bottom: 20px;}
		.cat article .pd { background: #FFF;}
		.cat article:hover .pd { background: #DA251C;}
		.cat article:hover h2 { color: #FFF; border-color:rgba(255,255,255,0.2);}
		.cat article a { display: block;}
	.cat img { width: 100%;}
.banners { margin-top: 30px;}
.fb-page, .fb_iframe_widget span, .fb_iframe_widget iframe { width: 100%!important;}


/* Detalle
================================================== */
.detalle article { margin-bottom: 40px; border-bottom: 1px dashed #AAA; padding-bottom: 20px;}
.detalle article:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.detalle aside .pd { background: #FFF;}
.detalle aside a { color: #444; display: block; padding-bottom: 10px; border-bottom: 1px dashed #CCC; margin-bottom: 10px; font-family: 'opensanslight'; font-size: 13px;}
.detalle aside a:hover, .detalle aside a:focus { margin-left: 15px; color: #DA251C;}
.detalle aside a:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.detalle aside a, .detalle h2 { text-transform: capitalize;}
.detalle h3 { background: #DA251C!important; color: #FFF;}
.detalle img { width: 100%;}
.desc { clear: both; line-height: 23px;}
	.desc span { color: #DA251C;}
.nav-tabs { margin: 20px 0; border-bottom: 0;}
.nav-tabs li { padding: 0;}
.nav-tabs > li > a { padding: 0; border: 0!important; background: none; border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; opacity: 0.5;}
.nav-tabs > li.active > a { opacity: 1; background: none!important;}
.down { overflow: hidden; position: relative; height: 50px; background: #DA251C; padding-left: 60px; margin-top: 20px; display: none;}
	.down p { float: left; margin: 15px 20px 0 0; color: #FFF;}
	.down i { font-size: 2.4em; color: #FFF; position: absolute; top: 10px; left: 10px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
	.down .fa-angle-double-down { top: -40px; opacity: 0;}
	.down:hover .fa-file-pdf-o { top: 40px; opacity: 0;}
	.down:hover .fa-angle-double-down { top: 10px; opacity: 1;}
.fx aside { position: fixed; top: 120px; width: 25%;}
.fx .info { float: right;}
.nav-tabs { display: none!important;}
.tab-content > .tab-pane { display: block; visibility: visible; }


/* Empresa
================================================== */
h4 { margin-bottom: 20px;}
.empresa i { text-align: center; display: block; color: #DA251C; width: 100px; height: 100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; background: #FFF; margin: 0 auto 20px; border: 4px solid #DDD; position: relative;}
.empresa i::before { position: relative; top: 20px;}
.mision { margin-top: 30px;}
.mision .pd:hover i { border-color: #DA251C; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}



/* Contacto
================================================== */
.contacto p { line-height: 24px;}
iframe { border: 0;}
label.error { position: absolute; top: 0px; right: 10px; border: 2px solid #ff0000; color: #FFF; padding: 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: rgba(186,33,38,0.7); z-index: 1; font-size: 11px; font-family: Tahoma; display: none!important;}
input[type="text"].error, textarea.error { border: 2px solid #FF0000;}
input[type="text"].valid, textarea.valid { border: 2px solid #00D27A;}
input[type="text"], textarea, select { width:100%; font-family: 'opensanslight'; padding:6px 3% 5px 3%; border:0px; color:#000; letter-spacing:0.1mm; font-size:12px; margin-bottom:10px; background:#FFF; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; box-shadow:inset 0 3px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.3);}
input[type="text"]:focus, textarea:focus { border:0px; background:rgba(255,255,255,0.6);}
textarea { width:100%; height:116px!important; resize:none; padding:4px 1.5% 3px 1.5%;}
input[type="submit"] { cursor:pointer; display:block; border:0; font-family: 'opensanslight'; color: #FFF; font-size: 25px; float: right; width: 100%; text-align: center; background: #DA251C; font-size: 14px; padding: 5px 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #444;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #444;}
fieldset { margin:0; padding:0; border:0; position: relative;}


/* Footer
================================================== */
footer { background: #444; width: 100%;}
	footer p { color: #CCC; margin: 25px 0;}


/* ArtGraph
================================================== */
#artgraph { padding:0px; overflow:hidden; margin:0 auto 20px; float: right;}
a.art{ background:url(../images/art.png) no-repeat top; height:22px; display:block; text-indent:-9999px; width:125px; margin-top:22px; float:right;}
a.art:hover { background-position: 0px -22px; border-bottom:0px;}