/*** GENERAL ***/
.clearfix,.row{*zoom:1;}
.clearfix:before,.clearfix:after,.row:after,.row:before{display:table;content:"";}
.clearfix:after,.row:after{clear: both;}
.clearFix,.row{clear:both;*overflow:hidden;*height:0!important;}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body{
	font-size:1.1em;
	line-height:1.3;
	font-family:verdana, sans-serif;
	padding:23px;
	color:#666;
}

.fleft{float:left!important;}
.fright{float:right!important;}
.alignMiddle{vertical-align:middle!important;}
a{color:#990;text-decoration:none;}
a:hover{color:#B0B900;}

/* Tipografia */
@font-face{font-family:'DTLProkyonSTRegular';src: url('fonts/ProkyonTRegular.eot');src:url('fonts/ProkyonTRegular.eot?#iefix') format('embedded-opentype'),url('fonts/ProkyonTRegular.woff') format('woff'),url('fonts/ProkyonTRegular.ttf') format('truetype'),url('fonts/ProkyonTRegular.svg#DTLProkyonSTRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'DTLProkyonSTMediumRegular';src: url('fonts/p022c14t-webfont.eot');src: url('fonts/p022c14t-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/p022c14t-webfont.woff') format('woff'),url('fonts/p022c14t-webfont.ttf') format('truetype'),url('fonts/p022c14t-webfont.svg#DTLProkyonSTMediumRegular') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'DTLProkyonTRegular';src: url('fonts/p022013t-webfont.eot');src: url('fonts/p022013t-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/p022013t-webfont.woff') format('woff'),url('fonts/p022013t-webfont.ttf') format('truetype'),url('fonts/p022013t-webfont.svg#DTLProkyonTRegular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DTLProkyonTMediumRegular';src: url('fonts/p022014t-webfont.eot');src: url('fonts/p022014t-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/p022014t-webfont.woff') format('woff'),url('fonts/p022014t-webfont.ttf') format('truetype'),url('fonts/p022014t-webfont.svg#DTLProkyonTMediumRegular') format('svg');font-weight: normal;font-style: normal;} 


/* columnado */
.page{max-width:770px;margin:0 auto;}
.wrapper{max-width:770px;width:100%;}
.row{display:block;clear:both;}
.row .col{float:left;padding:0 8px;}
.col{width:8.33%;}
.col2{width:16.66%;}
.col3{width:24.99%;}
.col4{width:33.32%;}
.col5{width:41.65%;}
.col6{width:49.98%;}
.col7{width:58.31%;}
.col8{width:66.64%;}
.col9{width:74.97%;}
.col10{width:83.3%;}
.col11{width:91.63%;}
.col12{width:100%;}
.colWrapHalf-dotLine{background: url(../img/dotLineVertical.png) center center repeat-y;}
.colHalf{width:50%;}
.colWrapHalf-dotLine .colHalf{width:48%;float:right;}
.colWrapHalf-dotLine .colHalf:first-child{float:left;}

.row .row{margin:0 -8px;}

/* ens columando */

/*nav*/
nav{margin-top:20px;}
nav a{text-decoration:none;color:#666;}
nav a:hover{color:#fff;}
/*end nav*/

/* cajas */
.box{
	padding:13px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.box-cl{
	border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}
.box-white{
	background-color:#fff;
}

img{max-width:100%;height:auto;}
/* end cajas*/

/** Botones **/
.boton_vp{position:relative;text-decoration:none!important;display:block;float:none;cursor:pointer;border-style:solid;border-width:2px;display:inline-block;*display:inline;}
.boton_vp,.boton_vp::before{-webkit-border-radius:7px;border-radius:7px;}
.boton_vp:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background: -webkit-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background: -o-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background: -ms-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;background:none/9!important}

.boton_vp, .boton_vp span{color:#666!important;text-decoration:none!important;cursor:pointer; text-align:center!important}
.boton_vp:hover, .boton_vp:hover span.bt_link{text-decoration:none!important;color:#000!important;}
.bt_link{display:block;word-wrap:break-word;}

/* Botón flecha pequeño*/
.btSmall_arrow{position:relative;min-height:13px;padding:10px 10px 11px 14px !important;}
.btSmall_arrow,.btSmall_arrow:before{-webkit-border-radius:20px;border-radius:20px;}
.btSmall_arrow .bt_link{font:normal 1.1em/1.2 DTLProkyonSTMediumRegular,Verdana!important;font-size-adjust:0.58;padding-right:29px;margin-right:3px;position:relative;}
.wrap_btSmall_arrow{position:relative;*zoom:1;}

/* Botón color amarillo */
.bt_yellow{border:2px solid #fc0;background:#fc0;background: -webkit-linear-gradient(top,  rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%);background: -o-linear-gradient(top,  rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%);background: linear-gradient(to bottom,  rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%);}

/*Texto boton flecha amarillo*/
.wrap_btSmall_arrow .bt_yellow .bt_link{background:url(../img/sep_btYellow.jpg) right center no-repeat;}
.wrap_btSmall_arrow .bt_yellow .bt_link{background:url(../img/sep_btSmallYellow.png) right center no-repeat;}

/** end botones **/

/*** END GENERAL ***/

/*** SITE ***/

header, article{padding:16px 8px;}
footer{padding:5px 10px;font-size:0.91em;}
footer p{margin:5px 0;}

header{
	border-radius:0 12px 12px;
	-webkit-border-radius:0 12px 12px;
	background-color:#fc0;
	margin-bottom:16px;
}
article{
	background-color:#f0f0f0;
	border-radius:12px;
	-webkit-border-radius:12px;
}
.row-sameHeight .box-iag, .row-sameHeight .colHalf{min-height:155px;}
.row-sameHeight .colHalf p{min-height:77px;}

.icon-link-arrow{padding-left:22px;position:relative;}
.icon-link-arrow:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(../img/ico-link-arrow.png) 0 0 no-repeat;
	width:19px;
	height:16px;
}
/*** END SITE ***/

/*** MEDIA QUERIES ***/
@media (max-width:600px){
	header .col{text-align:center; float:none;}
	#page header nav{float:none!important;margin-top:10px;}
	body{padding:10px;}
	.col{width:100%!important;}
	#page .box-iag{border-radius:10px;-webkit-border-radius:10px;min-height:0;text-align:center;padding:0;margin-bottom:10px;}
	.colWrapHalf-dotLine{background:none;}
	.colWrapHalf-dotLine .colHalf:first-child{
		background: url(../img/dotLineHorizontal.png) bottom left repeat-x;
		padding-bottom:30px;
		margin-bottom:5px;
	}
	.row-sameHeight .colHalf p{min-height:0;}
	.wrap_btSmall_arrow{text-align:center;}
}