/***************/
/** reset.css **/
/***************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/***************/
/** text.css **/
/***************/
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/*@font-face {
    font-family: 'ds-digital-numbers';
    src: url('webfonts/ds-digital-numbers-webfont.eot');
    src: url('webfonts/ds-digital-numbers-webfont.eot?#iefix') format('embedded-opentype'),
	 url('webfonts/ds-digital-numbers-webfont.woff') format('woff'),
	 url('webfonts/ds-digital-numbers-webfont.ttf') format('truetype'),
	 url('webfonts/ds-digital-numbers-webfont.svg#ds-digital-numbers') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*****************************/
/** Estructuras principales **/
/*****************************/
#bg {
    background-color: #dee6e9; position: fixed; width: 100%; height: 140px; overflow: hidden; top: 0px; left: 0px; z-index: -3;
    background-repeat: no-repeat;  background-size: cover;
}
#bg img { position: absolute; top: 0px; left: 0px; }
#bg.horizontal img { top: 0px; left: 0px; width: 100%; visibility: visible; }
#bg.vertical img { height: 100%; left: 0px; }
#navBarTop1 {
    max-width: 990px; border: 2px solid #ccc; border-bottom: 1px solid #ccc;  box-shadow: 0px 0px 8px 1px black;
    box-sizing: border-box; font-family: "Exo", sans serif; padding: 8px 14px; font-size: 1.0em; margin:6px auto 4px auto;
    background-color: rgba(0,0,0,0.8); color: white; text-shadow: 1px 1px black
}
#navBarTop2 {
    display: none; width: 70%; font-size: 1.0em; position: fixed; z-index: 1000; border: 2px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid white; box-shadow: 0px 0px 8px 1px black;
    box-sizing: border-box; font-family: "Exo", sans serif; padding: 0 4px; margin:0px auto 4px auto;
    background-color: rgb(0, 119, 176); color: white; text-shadow: 1px 1px black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
#navBarTop2 a { display: block; margin: 0 auto; padding: 8px 0 8px 4px; border-bottom: 1px solid #444; border-top: 1px solid #ccc; color: white; text-decoration: none;   }

#navBarTop2 a:hover { color: yellow;    }

#navBarTop1 h1 { float: left; font-size: 1.1em; line-height: 1.3em; border-top: 1px solid grey; margin-top: 14px; padding-top: 4px}
#sub_nbt2 { display: none; margin: 0 auto; padding: 10px; box-sizing: border-box  }
#sub_nbt2 a {
	border: 1px solid white; padding: 8px 12px; box-sizing: border-box; display: inline-block;
	margin: 0 8px 14px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s	
}
#sub_nbt2 a:hover { border: 1px solid yellow; background-color: rgba(255,255,255,.2);  }

#open-options-resp { float: left; cursor: pointer; margin: -5px 14px 0 0; border: 1px solid black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#ic-logo { width: 120px; float: left; margin: -16px 8px -16px 40px  }

.ic-soc { float: right; width: 30px; border: 1px solid #ccc; box-shadow: 0px 0px 5px 0px black; margin: -4px 14px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }

.ic-soc:hover { border: 1px solid white  }

#iconos-sociales { display: block; width: 100%; margin-top: 42px; border-top: 1px solid #888; height: 26px; padding-top: 8px }    

BODY { background-color: #9baf96; color: #FFF; font-family: verdana, arial, helvetica; }

BODY h1 { font-size: 120%; margin: 0; padding: 0 }

#adsense-1st-enlaces,#adsense-2nd-enlaces,#adsense-3rd-enlaces {
    width: 100%; border: 1px solid #444; padding: 8px; box-sizing: border-box; background-color: white; margin: 10px auto;
    color: blue; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    box-shadow: 0px 0px 5px 0px #444;
}
#adsense-2nd-enlaces,#adsense-3rd-enlaces { width: 98%;   }
#adsense-1st-time-match { text-align: center; }
#adsense-2nd-time-match { text-align: center; max-width: 336px; max-height: 280px; }
#adsense-3rd-time-match { text-align: center; }
#adsense-3rd-300x250 { text-align: center; width: 300px; height: 250px; }
#adsense-3rd-torneo-adap { width: 100%; text-align: center; }
#adsense-enlaces-torneo-adap { width: 96%; text-align: center; }

#adsense-1st { width: 94%; text-align: center; }
/*#adsense-1st { width: 300px; height: 250px; text-align: center; }*/


#adsense-2nd { width: 300px; text-align: center; }

#adsense-2nd-torn { width: 94%; max-width: 300px; text-align: center; }

#adsense-3rd { width: 100%; text-align: center; margin: 30px auto }

#adsense-3rd-torn { width: 100%; text-align: center; }

#adsense-3rd-v2-torn { width: 95%; text-align: center;  }

.ban-central {
    display: none; width: 99%; border: 2px solid white; box-shadow: 0px 0px 5px 0px #444; margin: 30px auto;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; 	
}
.ban-central:hover { opacity: 0.8 } 

#ban-central-3 {
    width: 98%; max-width: 336px; border: 2px solid #444; box-shadow: 0px 0px 5px 0px #888; margin: 0 auto 30px auto;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer;
}
#ban-central-3:hover { opacity: 0.8 }

#ventana-nadalhoy {
    border: 3px solid #666; background-color: #bbb; padding: 18px; box-sizing: border-box; font-family: "Exo", sans serif; 
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	margin: 0 auto 40px auto;
}
#ventana-nadalhoy h2 {
    border: 1px solid #444;  background-color: white; padding: 6px 10px; box-sizing: border-box; text-align: right; text-shadow: 2px 2px white;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  margin-bottom: 0;  line-height: 1.2em
}

#ventana-nadalhoy h2 #pocoyo { margin: -28px 0 -36px -30px }
#desc-vent-nh {
    font-size: 1.0em; color: #444; text-align: left; margin-top: 10px; border: 1px solid #444;
    background-color: white; padding: 6px 10px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  
    
}
#body-vent-nadhoy {
    text-align: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;
    justify-content: space-between; -webkit-justify-content: space-between; padding: 8px; box-sizing: border-box; margin-top: 18px;
    max-height: 350px; overflow: auto; border: 2px solid #222;  background-color: #eee; 
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#body-vent-nadhoy .art-rec {
    width: 100%; margin-top: 10px; margin-bottom: 10px; background-color: white; border: 1px solid #999; cursor: pointer;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#body-vent-nadhoy .art-rec:hover { border: 1px solid #222; opacity: .9 }
#body-vent-nadhoy .ar-tit {
    text-align: left; font-size: 1.3em; padding: 8px; box-sizing: border-box; line-height: 1.3em; color: black;
}



#ban-dto-vip {
    width: 97%; display: none; margin: 10px auto; box-shadow: 0px 0px 5px 0px black; border: 2px solid white; 
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#ban-dto-vip:hover { opacity: 0.9 }

#cont-ext { background-color: #fbefea; padding-top: 30px; max-width: 990px; margin: 0 auto; box-shadow: 0px 0px 8px 1px black; overflow: hidden }

#cont-int { padding-top: 30px; min-height: 700px; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }



#col-0 { margin: 0 auto; text-align: left; box-sizing: border-box; width: 94%; -webkit-order: 1; order: 1; color: black;  }

#col-1 { margin: 0 auto; text-align: left; box-sizing: border-box; width: 94%; -webkit-order: 2; order: 2; color: black;  }

#col-2 { margin: 0 auto; text-align: center; box-sizing: border-box; width: 94%; -webkit-order: 3; order: 3; color: black; }

#pie-pagina {
    width: 100%; background-color: rgb(79,79,79); margin: 100px auto 0 auto; padding: 10px 10px 60px 10px; box-sizing: border-box;
    font-family: "Exo", sans serif; font-size: 1.30em; color: white; text-shadow: 1px 1px black;
}
#pie-pagina a { color: #ddd; text-decoration: none }

#pie-pagina a:hover { color: white; text-decoration: underline }

#franja-ads-pie {
    display: none; width: 100%; z-index: 19000; position: fixed; bottom: 0; text-align: center; margin-bottom: -4px;
    color: white; text-shadow: 1px 1px black;  box-sizing: border-box; text-align: center;
}

#fja-but-vip-code { text-align: center; margin: 0 auto 30px auto; }
#fja-but-vip-code a {
    width: 90%; text-align: center; display: inline-block; font-family: 'Exo', sans serif; border: 2px solid #fff;
    font-size: 1.3em; background-color: #0080ff; padding: 8px; box-shadow: 0px 0px 2px 0px #222; line-height: 1.2em;
    text-shadow: 1px 1px #222; box-sizing: border-box; color: white; text-decoration: none
}
#fja-but-vip-code a:hover {
	background: transparent none; filter: '';
	background-color: #3399ff; 
}
#fja-but-vip-code .ic-vamos { width: 36px; height: 44px; margin: 0 4px -16px -26px }

#fap-int {
    max-width: 990px; border: 2px solid white; border-bottom: none; box-shadow: 0px 0px 5px 0px black;
    color: white; text-shadow: 1px 1px black;  box-sizing: border-box; padding: 4px; padding-bottom: 20px;
    background-color: rgb(0, 91, 0); font-family: "Exo", sans serif; font-size: 1.2em;  text-align: center; margin: 0 auto; 
}
#fap-int #clo-fap { float: right; cursor: pointer; margin: -20px 10px -30px 0 }
#cami-wi { margin: 0 10px -36px 0 }
.bton { display: inline-block; margin: 4px }
.bton a {
    color: white; text-shadow: 1px 1px black; border: 1px solid #aaa; padding: 2px 10px; box-sizing: border-box; text-decoration: none;
    font-size: 0.9em; font-family: "Exo", sans serif; background-color: #0080ff; 
}
.bton a:hover { border: 1px solid white;  background-color: #0095dd;  }

#fja-nots-pie {
    display: none; width: 100%; height: 80px; z-index: 19000; position: fixed; bottom: 0; 
    font-size: 1.0em; line-height: 1.0em; 
    box-sizing: border-box; text-align: center; 
}
#fnp-int {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; 
    justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; 
    height: 100%; max-width: 1050px; box-sizing: border-box;  text-align: center; margin: 0 auto;
    border-bottom: 1px solid #444; border-top: 1px solid #444; box-shadow: 0px 0px 3px 0px #444; 
    background: transparent none; filter: ''; background-color: #ccffff;
}
#fnt-left-arr, #fnt-right-arr {
    max-width: 60px; width: 10%; cursor: pointer; background-color: #fefefe; 
    border-left: 1px solid #555; border-right: 1px solid #555; 
}
#fnt-left-arr:hover, #fnt-right-arr:hover { opacity: .7 }
#fnt-left-arr img, #fnt-right-arr img { width: 100%; height: 70%; margin-top: 10px  }
#fnt-cen { width: 80%;  overflow: hidden;   }
.fnt-diap {
    width: 100%; display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: stretch; -webkit-align-items: stretch; 
    box-sizing: border-box; text-align: center; margin: 0 auto; overflow: hidden; 
}
.fnt-diap a { color: blue; text-decoration: none }
.fnt-diap .fntc-l { width: 130px; padding: 4px 4px 6px 4px; box-sizing: border-box; margin-left: 1px; }
.fnt-diap .fntc-l img { height: 100%; border: 1px solid #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  }
.fnt-diap .fntc-r { color: black; text-align: left; padding: 4px 0 4px 6px; box-sizing: border-box; line-height: 1.1em }
.fnt-diap .fntc-r:hover, .fnt-diap .fntc-l img:hover { color: #005bb7; cursor: pointer; text-decoration: underline }



#navBarNot_y_Com { background-color: #0077b0; font-family: "Exo", sans serif; font-size: 130%; width: 100%; margin: 0px auto 30px auto; border: 1px solid white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#navBarNot_y_Com span { display: inline-block; width: 98%; cursor: pointer; padding: 4px 8px; border-bottom: 1px solid white;   }

#navBarNot_y_Com span:hover { opacity: 0.8 }

.estilo-redondo-top-5 {
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
	border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.estilo-redondo-5 {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.estilo-redondo-10 {
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.let-cur { font-style: italic; }
.let-exo { font-family: "Exo", sans serif; }
.vs-out .let-exo { margin-top: 6px; font-size: 1.3em; color: #222; text-shadow: 1px 1px white }



/*********************/
/**** Degradados ****/
/*******************/
.gradient-ver-ver, .hover-grad-ver-ver:hover {
	background: transparent none; filter: '';
	background-color: #227d26;  border: 1px solid white; border-top: none; 
	background: -o-linear-gradient(top, rgba(78, 175, 67, 1), rgba(53, 120, 46, 1));
	background: -moz-linear-gradient(top, rgba(78, 175, 67, 1), rgba(53, 120, 46, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(78, 175, 67, 1)), color-stop(1, rgba(53, 120, 46, 1)));			
}
.gradient-blan-blan {
	
	background: transparent none; filter: ''; background-color: #fafafa;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTAsMjQwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjExLDIxMSwyMTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	background: -o-linear-gradient(top, rgba(255,250,240,1), rgba(230,230,230,1));
	background: -moz-linear-gradient(top, rgba(255,250,240,1), rgba(230,230,230,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,250,240,1)), color-stop(1, rgba(230,230,230,1)));		
}
.gradient-blan-gris {
	
	background: transparent none; filter: ''; background-color: #fafafa;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTAsMjQwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjExLDIxMSwyMTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	background: -o-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
	background: -moz-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,250,240,1)), color-stop(1, rgba(211,211,211,1)));		
}
.gradient-blan-gris a { color: black; text-shadow: 1px 1px white; }

.gradient-blan-gris a:hover { color: black; text-shadow: 1px 1px white; }

.gradient-gris-negr, .pestana-ronda:hover {
	
	background: transparent none; filter: ''; background-color: #161616;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDYzLDYzLDYzLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTAsMTAsMTAsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	background: -o-linear-gradient(top, rgba(63,63,63,1), rgba(10,10,10,1));
	background: -moz-linear-gradient(top, rgba(63,63,63,1), rgba(10,10,10,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(63,63,63,1)), color-stop(1, rgba(10,10,10,1)));
}
.gradient-gris-gris {
	
	background: transparent none; filter: ''; background-color: #434343;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDY3LDY3LDY3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNDYsNDYsNDYsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	background: -o-linear-gradient(top, rgba(67,67,67,1), rgba(46,46,46,1));
	background: -moz-linear-gradient(top, rgba(67,67,67,1), rgba(46,46,46,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(67,67,67,1)), color-stop(1, rgba(46,46,46,1)));
}
.gradient-azul-azul, .col-cuad h3, .col-cuad2 h3 {
	
	background: transparent none; filter: ''; background-color: #6ca8d2;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEwOCwxNjgsMjEwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNzYsMTI3LDE3NywxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
	background: -o-linear-gradient(top, rgba(140, 173, 206,1), rgba(60, 98, 136,1));
	background: -moz-linear-gradient(top, rgba(140, 173, 206,1), rgba(60, 98, 136,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(140, 173, 206,1)), color-stop(1, rgba(60, 98, 136,1)));
}
.gradient-amar-amar {
	
	background: transparent none; filter: ''; background-color: #ffeea4;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyMzgsMTY0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDIyNiw4OSwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
	background: -o-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -moz-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,238,164,1)), color-stop(1, rgba(255,226,89,1)));
}
.gradient-gris-plata {
	
	background: transparent none; filter: ''; background-color: #868686;  
	background: -o-linear-gradient(top, rgba(116,116,116,1), rgba(153,153,153,1));
	background: -moz-linear-gradient(top, rgba(116,116,116,1), rgba(153,153,153,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(116,116,116,1)), color-stop(1, rgba(153,153,153,1)));
}



/*********************************/
/* Definiciones Titulares Breves */
/*********************************/
.b-fast-new {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around;
    width: 100%;  background-color: #e8e8e8; margin: 0px auto 40px auto; border: 1px solid #a2a2a2; box-shadow: 0px 0px 3px 0px #a7a7a7;
    padding: 12px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.post-h {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around;
    width: 100%;  background-color: #e8e8e8; margin: 0px auto 40px auto; border: 1px solid #a2a2a2; box-shadow: 0px 0px 3px 0px #a7a7a7;
    padding: 12px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.ic-foto-bk {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-foto-bk.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 29px; height: 22px
}
.ic-play-bk {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-play-bk.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 29px; height: 29px
}
.ph-top { width: 100%; z-index: 10000 }
.ph-tri {
    float: right; width: 40px; height: 40px;  border:14px solid #222; margin: -14px 0 -60px 0; 
    border-bottom-color:transparent;border-left-color:transparent;
}
.ph-tri .ic-foto-bk, .ph-tri .ic-play-bk {  width: 24px; margin: 2px 0 0px 14px  }

#ph-ads-2nd { width: 100%; margin: 30px auto 10px auto; text-align: center  }

.bot-mmedia {
    display: block; max-width: 300px; font-family: "Exo", sans serif; font-size: 1.0em; color: white; text-shadow: 1px 1px black; cursor: pointer;
    padding: 8px; box-sizing: border-box; margin: 20px auto; text-align: center; opacity: 0.9;
    -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s	
}
.bot-mmedia a { color: white; text-decoration: none }
.bot-mmedia a:hover { color: #ffffb3;  }

.bot-mmedia.ley-ampl { display: none }

.bot-mmedia .ic-right-arr  { margin: 0 0 -10px 8px }
.bot-mmedia:hover { opacity: 1; color: #ffff97 }
.ley-ampl:after { content: "Ampliar FOTO"; }
.ley-ver:after { content: "Ver VIDEO"; }
.ley-leer:before { content: "Leer Completo"; }
.ic-zoom-w {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-zoom-w.png');
    width: 23px; height: 32px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
.ic-right-arr {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/right-sym-w-m.png');
    width: 29px; height: 29px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
.ic-down-arr {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/down-sym-w-m.png');
    width: 26px; height: 17px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
.ic-up-arr {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/up-sym-w-m.png');
    width: 26px; height: 17px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
.bot-mmedia .ic-zoom-w{ width: 27px; height: 27px; margin: 0 8px -6px 0 }

.bot-mmedia .ic-play-bk  { width: 32px; margin: 0 8px -6px 0 }

.bot-mmedia .ic-right-arr  { margin: 0 0 -10px 8px }

.bfn-l { width: 89%; margin-left: auto; margin-right: auto; text-align: center; border: 2px solid white; border-bottom: none; box-shadow: 0px 0px 4px 0px #7d7d7d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden   }
.bfn-r {
    width: 90%; height: 280px; margin-left: auto; margin-right: auto; border: 2px solid white; box-shadow: 0px 0px 4px 0px #7d7d7d; overflow: hidden;
    box-sizing: border-box; padding: 6px; color: black; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bfn-img { width: 100%; margin: 0 auto -100px auto;  }

.bfn-img-vid { width: 100%; margin: -40px auto;  }

.bfn-r h2 {
    font-family: "Exo", sans serif; width: 100%; margin: 0 auto 8px auto; padding: 0; font-size: 200%;
    line-height: 30px; color: black; position: relative; 
}
.bfn-r h2 a { color: black; text-decoration: none; font-weight: normal }

.bfn-r h2 a:hover { color: #0066cc; text-decoration: none;  }

.bfn-inf {  border: 1px solid #b1b1b1;font-size: 90%; color: #555; padding: 1px 3px; box-sizing: border-box; margin-bottom: 6px  }

.bfn-d p { padding: 0; margin: 0 0 10px 0; font-size: 1.10em; color: black; line-height: 24px; }

.bfn-d a { color: blue;  }

.bfn-d a:hover { text-decoration: none; font-weight: normal; }

.bfn-com {
    float: left; margin: -16px 0 0 -10px; width: 44px; height: 32px; background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-comts2.png'); background-repeat: no-repeat; background-size: contain;
    opacity: 0.9; font-family: "Exo", sans serif; color: red; padding: 9px 0 0 20px;  position: relative; 
}
.bfn-com2 {
    float: left; margin: 16px 0 -6px -10px; width: 44px; height: 32px; background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-comts2.png'); background-repeat: no-repeat; background-size: contain;
    opacity: 0.9; font-family: "Exo", sans serif; color: red; padding: 9px 0 0 20px;  position: relative; 
}
.bfn-but {
    width: 90%; font-size: 80%; background-color: #4079b3; padding: 8px 0; color: white;  text-decoration: none; 
    margin: 13px auto 6px auto; border: 2px solid white; text-align: center;  text-shadow: 1px 1px black; box-shadow: 0px 0px 4px 0px #7d7d7d;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
}
.bfn-but-w {
    display: none; float: right; margin: 172px 0 0 -30px; position: relative; width: 40px; height: 26px; background-color: #444; border: 1px solid white;
    cursor: pointer; opacity: 1; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 4px 0px #7d7d7d;    
}
.bfn-but-w img { width: 40%; margin: 4px auto 0 auto }
.bfn-but-w:hover { border: 1px solid #ffff80; opacity: 0.9  }

.big-but {
    width: 98%; height: 32px; line-height: 32px; background-color: #444; border: 1px solid white; margin: 0 auto; box-shadow: 0px 0px 4px 0px #7d7d7d;
    font-family: "Exo", sans serif; font-size: 1.30em; color: white; text-shadow: 1px 1px black; text-decoration: none; 
    cursor: pointer; opacity: 1; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.big-but a { color: white; display: block; font-size: 0.8em; text-shadow: 1px 1px black; text-decoration: none;  }

.big-but a:hover { color: yellow }
.bfn-but-m {
    width: 90%; height: 32px; line-height: 32px; background-color: #444; border: 1px solid white; margin: 0 auto; color: white; font-size: 110%; box-shadow: 0px 0px 4px 0px #7d7d7d;
    cursor: pointer; opacity: 1; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bfn-but-m:before { content: "Sigue leyendo"; }

.bfn-but-m img { float: right; margin: 6px 14px 0 0;  }

.bfn-but-m:hover { border: 1px solid #ffff80; opacity: 0.9 }

.b-nro-coms {
    float: left; font-family: "Exo", sans serif; width: 58px; height: 50px; background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-comts.png'); background-repeat: no-repeat; text-shadow: none;
    margin: -20px -10px 0 -14px;  font-weight: bold; font-size: 140%; line-height:42px; color: red; background-size: contain;
}    
.bfn-but img { float: left; width: 8%; margin: 4px 2px -2px 12px; border: none  }
.bfn-but-txt {
    border-left: 1px solid #909090; float: right; width: 70%; font-size: 130%; overflow: hidden; line-height: 22px;
    padding: 0px 0 0px 8px; text-align: left; text-shadow: 1px 1px black;
}
.bfn-but-txt span {  font-family: "Exo", sans serif; font-size: 130%; display: block; margin-bottom: 4px }
.bfn-but a { color: white; font-weight: normal; text-decoration: none; text-shadow: 1px 1px black; line-height: 16px; }	
.bfn-but a:hover { font-weight: normal; text-decoration: underline; }

.bfn-but-soc {
    width: 40px; height: 40px; display: inline-block; font-size: 80%; background-color: #4079b3; padding: 4px; color: white;  text-decoration: none; 
    margin: 4px; border: 2px solid white; text-align: center;  text-shadow: 1px 1px black; box-shadow: 0px 0px 4px 0px #7d7d7d;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  overflow: hidden;
}

.bfn-img2 { border: 1px solid #ccc; float: left; width: 14%; margin: 0 8px 0 0;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }    
.bfn-f {
    width: 94%; margin-left: auto; margin-right: auto; border: 1px solid #aaa; overflow: hidden;
    box-sizing: border-box; padding: 6px; color: #444; background-color: white;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.bfn-f h2 {
    font-family: "Exo", sans serif; width: 100%; margin: 0; padding: 14px 0; font-size: 1.6em; line-height: 1.2em; color: black;
}
.bfn-tit {
    font-family: "Exo", sans serif; width: 100%; margin: 0; padding: 6px 0; font-size: 1.6em; line-height: 1.2em; color: black;    
}

.bfn-f p { margin: 0 auto 10px auto; }

.bfn-f a { color: black; text-decoration: none }

.bfn-f a:hover { color: blue; text-decoration: none }

h2.bfn-head { font-family: "Exo", sans serif; width: 100%; margin: 0 auto; padding: 0; font-size: 1.4em; line-height: 1.2em; color: #333; display: inline;}

.bnf-desc { font-size: 1.0em; line-height: 1.50em }
.bnf-desc a { color: blue; font-weight: bold }
.bnf-desc a:hover { text-decoration: underline }

.bnf-desc2 { margin: 0 auto; width: 97%; display: block; font-size: 1.1em; line-height: 1.50em }
.bnf-desc2 a { color: blue; font-weight: bold }
.bnf-desc2 a:hover { text-decoration: underline }
.bnf-desc2 ul { line-height: 1.4em}
.bnf-desc2 ul li { margin-top: 20px }


a.bnf-mor {
    font-family: "Exo", sans serif; cursor: pointer; background-color:#0080ff; padding: 4px 10px; box-sizing: border-box;
    display: inline-block; font-size: 1.2em; color: white; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; 
    
}
a.bnf-mor:hover { background-color:#0061c1; color: white; text-decoration: none; font-weight: normal }



.ic-com {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/icon-comentarios-bk.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 35px; height: 28px
}
.ic-rel {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/reloj-icon.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 21px; height: 21px
}
.bfn-inf2 {
    border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1;  background-color: #f7f7e1; font-size: 0.8em; color: #555;
    text-shadow: 1px 1px white; padding: 1px 6px; box-sizing: border-box; margin-top: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bfn-inf2 img { margin: 0 3px -1px 10px }
.bfn-inf2 .fuh:after { content: " | Fotos Ultima Hora";  }

.bfn-inf3 {
    width: 110%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  font-size: 0.8em; color: black;
    text-shadow: 1px 1px white; padding: 2px 16px; box-sizing: border-box; margin: 16px 0 4px -12px; background-color: #ffffd9 
}
.bfn-inf3 .ic-rel { width: 14px; height: 14px; margin: 0 4px -2px 0; opacity: 0.6 }
.bfn-inf3 .ic-com { width: 20px; margin: 0 2px -16px 4px; opacity: 0.6 }


.bfn-buts2 {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;
    text-align: center; margin: 20px auto 0 auto;
}
.bb2-fb {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/facebook-icon-48.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 48px; height: 48px
}
.bb2-tw {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/twitter-icon-48.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 48px; height: 48px
}
.bb2-gp {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/google-plus-icon-48.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 48px; height: 48px
}    

.bfnb-l div {
    float: left; color: white; text-shadow: 1px 1px black; padding: 3px 6px; box-sizing: border-box;
    margin: 6px 10px 6px 0; text-decoration: none; border: 1px solid white;
    cursor: pointer; opacity: 0.9; text-align: center; border-radius: 50% 70%; width: 36px; height: 36px;	
}
.bfnb-l div:hover { opacity: 1; border: 1px solid #666; }
.bfnb-r {
    font-family: "Exo", sans serif; background-color:#0080ff; color: white; text-shadow: 1px 1px black; padding: 3px 16px; box-sizing: border-box;
    margin-top: 6px; margin-bottom: 6px; text-decoration: none; font-size: 0.9em;
    display: inline-block; cursor: pointer; opacity: 0.8; text-align: center;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.bfnb-r .ic-com { float: left; width: 28px; height: 20px; margin: 0 2px -4px 0px }
.bfnb-r:before { content: "COMENTAR";  }
.bfnb-r span:after {
    font-family: sans-serif; font-weight: bold; display: block; font-size: 0.8em; content: "No te lo quedes!";
    text-shadow: none; margin-top: -2px;
    
}
.bfnb-r:hover { opacity: 1 }

.bfn-thu-fo { cursor: pointer; margin: 8px auto; background-color: white; overflow: hidden; border: 1px solid grey;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   }

.bfn-thu-fo:hover { opacity: 0.9 }

.bfn-thu {
    width: 110%; margin: 8px 0 16px -16px; background-color: white; overflow: hidden; border: 1px solid #666;
}
.bfn-subt {
    background-color: #333; color: white; text-shadow: 1px 1px black; padding: 6px 20px; box-sizing: border-box;
    margin: 0 auto; border-top: 1px solid #888; font-size: .9em
}
.bfn-subt span { margin-left: 10px; color: #ffffb3 }
.fja-vid {
    width: 100%; height: 36px; line-height: 36px; background-color: rgba(0,0,0,0.5); color: #eee; text-shadow: 1px 1px black;
    border-top: 1px solid #888; margin-top: -36px; font-family: "Exo", sans serif; font-size: 1.0em; position: relative
}
.ic-vid-w {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-video-w.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 27px; height: 29px
}
.fja-vid .ic-vid-w { width: 20px; height: 21px; margin: 0 4px -4px 20px; }
.bfn-thu-vid {
    margin: 8px auto 16px auto; background-color: white; position: relative; padding-bottom: 56.25%; overflow: hidden;
    border: 2px solid white; box-shadow: 0px 0px 4px 0px #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

.bfn-thu-vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.bfn-img3 { width: 100%; margin: 0 auto  }



.bfn-img4 { width: 100%; margin: -16% auto; }

.bfn-img5 { width: 100%; margin: 0 auto -10% auto; }

.bfn-vid  { cursor: pointer; background-color: white; width: 100%;  margin: 8px auto; border: 1px solid grey;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden }

.bfn-vid-bar {
    width: 100%; position: relative; margin: 0px auto; padding: 8px 0; background-color: rgba(0,0,0,0.5); border-top: 1px solid grey;
    font-family: "Exo", sans serif; font-size: 1.0em; color: white; text-shadow: 1px 1px black;
}
.bfn-vid-bar img { float: left; margin: -20px 0 0 10px; width: 8% }

#bfn-ifr-vid { width: 100%; margin: 0 auto; }

.ic-soc-but { float:left; width: 20%; margin: 4px 0 0 10px;  }

.ic-soc-but img { margin: 0 auto; width: 50%; border: none }

.caja-lat-old-resp { display: inline-block; margin: 6px 20px 6px auto; }

#ban-nadalhoy {
    font-size: 1.1em; width: 100%; max-width: 360px; background-color: #555; border: 3px solid white; box-shadow: 0px 0px 3px 0px #444;
    margin: 0 auto 40px auto; color: white; text-shadow: 1px 1px #444; padding: 1px; box-sizing: border-box;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
#ban-nadalhoy h2  {
    color: white; padding: 8px 4px; box-sizing: border-box; font-family: "Exo", sans serif; border-bottom: 1px solid #999;
    background-color: black; font-size: 1.8em; margin: 0 auto;
}
#ban-nadalhoy h2 img { margin: 0 8px }
#ban-nadalhoy .bod h3 {
    width: 96%; font-family: "Exo", sans serif; color: #ffff82; margin: 20px auto 10px auto; border-bottom: 1px solid #ffff82;
    
}
#ban-nadalhoy .bod ul { width: 96%; margin: 0 auto; list-style-type:none; }
#ban-nadalhoy .bod ul li { margin-bottom: 14px; font-family: "Exo", sans serif; font-size: 1.1em; }
#ban-nadalhoy .bod ul li .ball-m {  opacity: .9; margin: 0 4px -4px -20px; width: 16px; }
#ban-nadalhoy .bod { box-sizing: border-box; text-align: left  }
#ban-nadalhoy .bod p { padding: 20px; box-sizing: border-box;   }
#ban-nadalhoy .pos {
    width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box;
    font-family: "Exo", sans serif; font-size: 1.2em; text-shadow: 1px 1px black;
}
#ban-nadalhoy .pos img { width: 100%; border: 2px solid #aaa; margin: 0 auto; }
#ban-nadalhoy .bot {
    width: 100%; padding: 30px 0; box-sizing: border-box; margin: 0 auto; text-align: center; background-color: black;
    border-top: 1px solid #999;
}
#ban-nadalhoy .bot a {
    width: 84%; display: block; color: white; font-family: "Exo", sans serif; padding: 10px; box-sizing: border-box;
    margin: 0 auto; font-size: 1.2em; background-color: #0080ff; text-decoration: none; border: 2px solid #bbb;
}
#ban-nadalhoy .bot a:hover { background-color: #2b95ff; border-color: white }
#ban-nadalhoy .bot a .ic-right-arr { float: right; margin: 0 4px -4px 0 }

#intersFoto {
    width:98%; max-width: 980px; margin-left: auto; margin-right: auto; position: fixed; top: 1%; background-color: black; border: 6px solid white; box-shadow: 0px 0px 38px 3px black; 
    overflow: hidden; z-index: 20000;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#intersFoto .iF-img { margin: 0 auto }

#intersFoto .iF-close { cursor: pointer; float:right; width: 12%; margin: 2% 2% -10% 0; position: relative }
.bt-zoom-iF { display: none }

.bfn-b-l {
    width: 99%; font-size: 0.9em; box-sizing: border-box; padding: 4px; background-color: #0072a8; border: 2px solid white;
    margin: 16px auto 12px auto; font-family: "Exo", sans serif;  color: white; text-shadow: 1px 1px black;
    text-decoration: none; cursor: pointer; text-align: center; box-shadow: 0px 0px 4px 0px #444;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bfn-b-r {
    width: 99%; font-size: 0.9em; box-sizing: border-box; padding: 4px; background-color: #0072a8; 
    margin: 16px auto 12px auto; font-family: "Exo", sans serif; color: white; text-shadow: 1px 1px black;
    text-decoration: none; cursor: pointer; text-align: center; border: 2px solid white; box-shadow: 0px 0px 4px 0px #444;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bfn-b-l:after { content: "AMPLIAR LA INFORMACION"; }

.bfn-b-r:after { content: "COMENTAR"; }

.bfn-b-l img { margin: 0 5px -5px 0;  }

.bfn-b-r img { margin: 0 5px -3px 0;  }

.bfn-b-l:hover, .bfn-b-r:hover { opacity: 0.8 }

.full-img-news {
    border: 2px solid white; box-shadow: 0px 0px 4px 0px #444; margin: 20px auto; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden
}
.full-vid-news {
    border: 2px solid white; box-shadow: 0px 0px 4px 0px #444; margin: 20px auto; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden    
}


/**********************************************************/
/*** Nuevo Diseño Caja Hora Partido Nueva (Enero 2015) ***/
/*********************************************************/

#caja-hora-partido {
    font-size: 1.0em; line-height: 22px; width:100%; background-color: #8b8b8b;  color: white; margin: -30px auto 20px auto; text-shadow: 1px 1px black;
    box-shadow: 0px 0px 4px 0px #444; padding: 0; box-sizing: border-box; border-top: 1px solid #aaa;
    border-bottom: 3px solid white;  text-align: center; 
}
#primer-h2 {
    width: 92%; font-family: 'Exo', sans serif; font-size: 130%; color: black; padding: 10px 8px; text-shadow: 1px 1px white;
    background-color: black; text-align: left; box-sizing: border-box; line-height: 1.20em;
    margin: 8px auto -1px auto;  border: 2px solid #222; border-bottom: 1px solid #666; box-shadow: 0px 0px 1px 0px #ffffbf;
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px; border-top-right-radius: 4px;  
}
#primer-h2 .ic-rel { width: 17px; height: 17px; margin: 0 0 -2px 0  }





.hr-franja-hora { width: 96%; opacity: 0.9; height: 1px; margin: 8px auto 0 auto; border: none; border-top: 1px solid #333333; border-bottom: 1px solid #adadad }
#adsense-sec-a-fondo { width: 98%; box-sizing: border-box; margin: 20px auto 10px auto }
#fhp-flex-top, #fhp-flex-bot, #fhp-flex-caminos {
    width: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap;
    align-items: stretch; -webkit-align-items: stretch;
}
#fhp-flex-caminos .f3,#fhp-flex-caminos .f4 {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
    box-sizing: border-box;
}
#fhp-flex-caminos .f3 .w { color: white; font-size: .9em }
#fhp-flex-caminos .f3 .h { text-transform: uppercase; color: white; line-height: 1.1em }
#fhp-flex-caminos .f3 .h img {
    width: 70px; border: 2px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#fhp-flex-caminos .f3 .l img { float: left; margin-right: 8px; }
#fhp-flex-caminos .f3 .r img { float: right; margin-left: 8px; }
#fhp-flex-caminos .f3 .l { width: 45%; text-align: left; padding-left: 4px; box-sizing: border-box }
#fhp-flex-caminos .f3 .c { width: 10%; text-align: center; color: #ceffff; box-sizing: border-box }
#fhp-flex-caminos .f3 .r { width: 45%; text-align: right; padding-right: 4px; box-sizing: border-box }
#fhp-flex-caminos .f3 .l2, #fhp-flex-caminos .f3 .r2 {
    width: 30%; box-sizing: border-box; color: white; font-size: .8em; 
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;    
}
#fhp-flex-caminos .f3 .l2 { margin-right: 6px; text-align: center; }
#fhp-flex-caminos .f3 .r2 { margin-left: 6px; text-align: center; }
#fhp-flex-caminos .f3 .c2 {
    width: 40%; text-align: center; color: #ffff6f; box-sizing: border-box; font-size: .7em; line-height: 1.1em;
    font-family: arial;
}
#fhp-flex-med {
    width: 98%; order: 1; -webit-order: 1; margin: 10px auto 20px auto;
    align-items: stretch; -webkit-align-items: stretch; text-align: center; background-color: #252525;
    border: 2px solid black; border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1;
    text-shadow: 1px 1px black; color: #ffff6f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;            
}

#fhp-flex-bot .box-time { width: 92%; box-sizing: border-box; margin-bottom: 14px }

#fhp-flex-bot .box-time.ad300-ext { text-align: center }

#js-led-live { border-radius: 50% 50%; }
#box-ropa-nadal {
    width: 98%; max-width: 840px; display: block; font-family: 'Exo', sans serif; border: 2px solid black;
    border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; text-align: center; font-size: 140%; line-height: 1.3em;
    padding: 8px; box-sizing: border-box; margin: 0 auto 14px auto; background-color: #252525;  overflow: hidden;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#box-ropa-nadal img { cursor: pointer; border: 1px solid transparent }
#box-ropa-nadal img:hover { border: 1px solid #999 }
#ban-top-home {
    width: 99%; max-width: 360px; display: block; border: 3px solid white; box-shadow: 0px 0px 4px 0px #444; text-align: center; 
    padding: 4px; box-sizing: border-box; margin: 0 auto 30px auto; background-color: #444;  overflow: hidden;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;    
}
#ban-top-home img { cursor: pointer; border: 1px solid transparent }
#ban-top-home:hover { padding: 0; opacity: .9 }

#box-bi-posts {
    width: 98%; display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch;
    margin: -20px auto 50px auto
}
#bbpl,#bbpr {
    width: 48%; font-family: 'Exo', sans serif; border: 2px solid black;
    border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; text-align: center; font-size: 1.4; line-height: 1.3em;
    padding: 8px; box-sizing: border-box; margin: 0 auto 14px auto; background-color: #252525;  overflow: hidden;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;    
}
#bbpl img,#bbpr img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#ads-a-fondo {
    width: 98%; display: block; font-family: 'Exo', sans serif; text-align: center; font-size: 140%; line-height: 1.3em;
    box-sizing: border-box; margin: 16px auto 0 auto;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#box-sha-home {
    width: 96%; max-width: 740px; display: block; font-family: 'Exo', sans serif; border: 2px solid black;
    border-bottom: 2px solid #ffffc1; border-right: 2px solid #ffffc1; text-align: center; font-size: 140%; line-height: 1.3em;
    padding: 8px 8px 14px 8px; box-sizing: border-box; margin: 0 auto 6px auto; background-color: #252525;  overflow: hidden;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#box-sha-home .head { 
    font-weight: normal; width: 100%; margin: 0 auto 12px auto; padding: 4px 0 4px 8px; box-sizing: border-box; line-height: 1.3em; text-transform: uppercase;
    font-size: 0.7em; border-bottom: 2px solid black; border-top: 2px solid white; color: black; text-shadow: 1px 1px white;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#box-sha-home a { margin: 8px }
#box-sha-home .pocoyo-nadal { float:left; margin: 0 14px 0 0  }

.ad300-ext a img:hover { box-shadow: 0px 0px 3px 0px #aaa; }

#ban-ads-4, .head-previa {
    width: 98%; font-family: 'Exo', sans serif; border: 2px solid black;
    border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; text-align: center; font-size: 140%; line-height: 1.3em;
    padding: 8px 8px 10px 8px; box-sizing: border-box; margin: 6px auto; background-color: #252525;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.head-previa { margin: 20px auto -6px auto }
.head-previa h2 {
    width: 100%; font-family: 'Exo', sans serif; font-size: 1.0em; color: black; padding: 8px; text-shadow: 2px 2px white;
    background-color: black; text-align: center; box-sizing: border-box; line-height: 1.20em;
    margin: 2px auto; box-shadow: 0px 0px 6px 1px #444; border: 2px solid #ffff80;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   
}

#fhp-flex-bot .ad300-int { width: 300px; height: 250px; margin: 0 auto;  }

#fhp-flex-caminos .box-time { font-size: 1.2em; width: 92%; box-sizing: border-box; margin: 10px auto; text-align: left }

#fhp-flex-caminos h3 { font-size: 0.8em; text-align: center }

#fhp-flex-caminos h4 { color: white; font-size: 1.0em; text-shadow: 2px 2px black; margin-bottom: 0 }

#fhp-flex-caminos h6 { text-align: center; padding: 8px 6px; }

#fhp-flex-caminos span { color: white; font-size: 0.9em; float: right; margin-right: 6px; text-shadow: 2px 2px black; }

#fhp-col-1 { width: 100%; order: 1; -webit-order: 1; }

#fhp-col-2 {
    font-family: 'Exo', sans-serif; width: 100%; order: 1; -webit-order: 1; margin-left: auto; margin-right: auto; margin-bottom: 10px; 
    text-align: center; background-color: #252525; font-size: 1.2em;
    border: 2px solid black; border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1;
    text-shadow: 1px 1px black; color: #ffff6f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;        
}
#fc2-dver { width: 92%; margin: 0 auto; padding-bottom: 10px; box-sizing: border-box  }
#fc2-dver h3 { 
    font-weight: normal; width: 100%; margin: 16px auto 8px auto; padding: 4px 0 4px 8px; box-sizing: border-box; line-height: 1.3em; text-transform: uppercase;
    font-size: 0.9em; border-bottom: 2px solid black; border-top: 2px solid white; color: black; text-shadow: 1px 1px white;
    background: transparent none; filter: ''; background-color: #fafafa;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTAsMjQwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjExLDIxMSwyMTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    background: -o-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -moz-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,250,240,1)), color-stop(1, rgba(211,211,211,1)));		    
}

#fc2-dver hr {
    width: 99%; height: 1px; margin: 10px auto; padding: 2px 0 1px 0; background-color: #333;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border-top: 1px solid black; border-bottom: 1px solid #777
}
#fc2-dver span { color: white; font-size: 1.4em; margin: 0 4px }
#fhp-col-3 { width: 100%; order: 1; -webit-order: 1; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; }
#b-time-ppal { padding: 2px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: none; border-right: none }
#falta-poco {
    width: 90%; font-size: .8em; margin: -10px auto 20px auto; color: white; line-height: 1.3em; text-align: left;
}
#falta-poco .ic-vamos { margin: 0 4px -8px 0 }
#b-hora-nadal .pocoyo-nadal { float:left; width: 100px; height: 78px; margin: 0 4px -2px 6px }
.pocoyo-nadal {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/pocoyo-rafa-nadal-muchas-gracias.jpg');
    width: 140px; height: 108px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
/*
#marcador-hoy { font-family: 'Exo', sans-serif; color: yellow; font-size: 1.8em; margin-bottom: 2px  }

#marcador-hoy sup { font-family: sans-serif; font-size: .7em;  }
*/
#marc-hoy-top { margin: 0 auto 16px auto }
#marc-hoy-top h4 { font-size: .7em; color: #ffff9d; text-transform: uppercase; margin: 0 auto}
#mht-sets { margin-bottom: 30px }
#marc-hoy-bottom { margin: 30px auto 0 auto }
#result-rival { color: white; font-size: .8em; text-align: left; padding-top: 8px   }
.th-riv { float: left; width: 66px; margin: 0 14px 6px 0 }
.th-riv img {
    width: 100%; margin: 0 auto; border: 2px solid #aaa;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;      
}
.th-riv2 { float:left; text-align: left; margin-top: -4px; color: white; font-size: .8em }
#result-rival h4 { color: #ffff8a; margin-top: -2px; margin-bottom: 4px; padding: 0; line-height: 1.2em; font-size: .9em }

#result-rival .but {
    text-align: center; border: 1px solid #aaa; font-size: .8em; background-color: #0080ff; padding: 4px;
    box-sizing: border-box; color: white; margin-top: -4px
}
#result-rival .but a { text-align: center; color: white; text-decoration: none; }
#result-rival .but:hover { border: 1px solid white; background-color: #48a4ff;  }
#result-rival .but a:before { content: "VER"; }
#result-rival hr { margin: 8px auto 16px auto }
.r-r {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; 
    justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end;    
}
.rrl { width: 80% }
.rrr { width: 20%;  }
.rrr .ic-right-arr { width: 18px; height: 18px; margin: 0 -8px -5px 4px }
.r-r .ic-rel { margin: 0 2px -2px 0 }
#sha-live,#sha-live2 {
    width: 96%; border: 1px solid #ccc; padding: 8px; box-sizing: border-box; margin: 20px auto 10px auto;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  
}
#b-stat-home, #b-prox-riv {
    width: 100%; padding: 8px; padding-bottom: 0; box-sizing: border-box;
    margin: 12px auto 10px auto;
}
#b-stat-home h4, #b-prox-riv h4 {
    width: 100%; margin: 0 auto 12px auto; padding: 6px; box-sizing: border-box; background-color: #bbb; color: black;
    font-size: .9em; text-shadow: 1px 1px #eee; line-height: 1.3em; text-align: left;  text-align: center;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}
#b-prox-riv h5 { color: white; font-size: 1.2em; margin: 0 }
#b-prox-riv a {
    display: block; width: 100%; margin: 10px auto 14px auto; text-align: center; padding: 4px; box-sizing: border-box; border: 1px solid #ccc;
    background-color: #0080ff; color: white; text-shadow: 1px 1px black; font-size: .8em; cursor: pointer;
}
#b-prox-riv a:hover { background-color: #2b95ff; border: 1px solid #eee; }
#b-prox-riv a .ic-right-arr { float: right; margin: 4px 4px 0 -4px; width: 22px; height: 22px}
#fs0 {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; margin-top: 10px;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch;    
}
#fs0 div { width: 50%; font-size: .9em; color: white; }
#fs0 div:nth-of-type(1) { text-align: left }
#fs0 div:nth-of-type(2) { text-align: right }
#fs0 div img { margin: 0 auto; border: 2px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;      }
.f-stat {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 1.1em;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
    line-height: 1.1em; color: white; border-bottom: 2px solid black; border-top: 1px solid #666; 
}
.f-stat .fsm { color: #b0ffff; font-size: .8em; margin-top: -5px;margin-bottom: -5px;}
.f-stat span { padding: 8px 4px; box-sizing: border-box }
.f-stat span:nth-of-type(1) { width: 20%; text-align: left }
.f-stat span:nth-of-type(2) { width: 60%; text-align: center; font-size: .7em; color: #ffff97 }
.f-stat span:nth-of-type(3) { width: 20%; text-align: right }
.btn {
    display: inline-block; text-align: center; border: 1px solid #aaa; font-size: .7em; background-color: #0080ff; padding: 4px 20px;
    box-sizing: border-box; color: white; margin: 10px auto; cursor: pointer
}
.btn .ic-down-arr { margin: 0 0 -2px 8px }
.btn:hover { border: 1px solid white; background-color: #3399ff;  }
#sha-live strong {
    display: block; width: 100%; margin: 0 auto; padding: 6px; box-sizing: border-box; background-color: #bbb; color: black;
    font-size: .7em; text-shadow: 1px 1px #eee; line-height: 1.3em; text-align: left;
}
#sha-live2 {
    width: 96%; border: 1px solid #ccc; padding: 8px; box-sizing: border-box; margin: 14px auto 10px auto;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#sha-live2 strong {
    display: block; width: 100%; margin: 0 auto; padding: 6px; box-sizing: border-box; background-color: #bbb; color: black;
    font-size: .9em; text-shadow: 1px 1px #eee; line-height: 1.3em; text-align: center;
}
.sl-body {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch;
    margin-top: 10px;
}
.sl-body div { width: 30%; cursor: pointer; border: 1px solid black; height: 40px; opacity: .9}
.sl-body div:hover { border: 1px solid white; opacity: 1}
.sl-body .bb2-fb { background-color: #486ca7; margin-right: 10px; }
.sl-body .bb2-tw { background-color: #31ddf3;   }
.sl-body .bb2-gp { background-color: #d74633; margin-left: 10px;  }
#b-hora-nadal .sl-body  { width: 97%; margin: -12px auto 4px auto }
#b-hora-nadal .sl-body div { width: 32%; height: 22px; margin: 0 }
.fila-marc-hoy {
    width: 99%; display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: stretch; -webkit-align-items: stretch;
    margin: 6px auto;
}


.res { font-family: "Exo", sans serif; font-size: 1.4em; color: black; }
.fila-marc-hoy .res:nth-of-type(2),.fila-marc-hoy .res:nth-of-type(3) {
    margin-left: 24px;
}
.res h5 { padding: 0; margin: 0; font-size: .4em; color: #ccc; text-shadow: 1px 1px black; margin-bottom: -4px }


.dig {
    display: inline-block; margin: 0 -5px; background-color: #333300;
    box-shadow: 0px 0px 3px 0px #757500; border: 1px solid #666    
}
.dig span{
  display:inline-block; text-align:center; position:relative;width:100%; padding: 0 12px; box-sizing: border-box;
  color:#ffff00; text-shadow: 1px 0px #333; font-size: 1.3em; line-height:60px;
  background:url(https://www.rafanadalpartidoapartido.com/images/news/mini-glossy.png) scroll no-repeat 5% 50%,url(https://www.rafanadalpartidoapartido.com/images/news/mini-glossy.png) scroll no-repeat 95% 50%;
}
.dig span:after{
  position:absolute; left:0; top:30px; width:100%; height:1px; content:''; background:rgba(220,220,220,0.30)
}
.dig sup { font-size: .6em; }
.cont-ball { display: inline-block; width: 20px; height: 20px; margin-left: -10px }
.ball-m {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/tennis-ball-serve-active.png');
    width: 17px; height: 17px; background-repeat: no-repeat; background-size: contain; display: inline-block; position: relative; 
}
#marc-durac { font-size: .8em; color: #eee; margin: -8px auto 0 -10px }
#marc-durac .ic-rel { opacity: 0.8; margin: 0 0 -3px 0 }
#marc-game-live {
    display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start;
    font-family: "Exo", sans serif; font-size: 1.7em; color: white; text-shadow: 1px 1px black;
    text-transform: uppercase; margin: 0 auto;
}
#marc-game-live .ball-m { margin: 0 4px -3px 0 }
#marc-game-live .nom { font-size: .4em; margin-top: -8px }
#marc-game-live span.new {
    box-sizing: border-box; border-radius: 10% 10%; border: 2px solid #62c400;
    background-color: #274f00; border-bottom: none; margin-top: -2px
}
#marc-game-live span#liv1, #marc-game-live span#liv2 {
    display: inline-block; min-width: 70px; padding: 10px; box-sizing: border-box;
}  
#mgl-face1,#mgl-face2 {
    width: 50px; padding-top: 10px; box-sizing: border-box
}
#mgl-face1 { margin-right:  10px; }
#mgl-face2 { margin-left:  10px; }
#mgl-face1 img,#mgl-face2 img { border: 1px solid #bbb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;     }
#mgl-left { min-width: 100px; padding: 10px; box-sizing: border-box }
#mgl-cent { box-sizing: border-box; padding: 20px 10px 10px 10px; margin: 0 -20px  }
#mgl-right { min-width: 100px;  padding: 10px; box-sizing: border-box }

#info-marc-live {
    width: 97%; margin: 0 auto; font-family: "Exo", sans serif; padding: 10px 8px 0 8px; box-sizing: border-box;
    font-size: .7em; color: #ffb3b3; 
}

#down-notif { display: none; float:right; margin: 10px -8px 0 4px }
#mhb-notif {
    width: 96%; padding: 12px; box-sizing: border-box; margin: 30px auto 4px auto; border: 1px solid #666; font-size: 1em;
    line-height: 1.0em; background-color: #444; color: white; overflow: hidden;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;        
}
#mhb-notif2 {
    width: 96%; padding: 12px; box-sizing: border-box; margin: 30px auto 4px auto; border: 2px solid #00a8f9; font-size: 1em;
    line-height: 1.0em; color: white; overflow: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;        
}
#mhb-notif3 {
    width: 96%; padding: 12px; box-sizing: border-box; margin: 20px auto 10px auto; border: 2px solid #ffffb9; font-size: 1em;
    line-height: 1.0em; color: white; overflow: hidden;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;        
}
#mhb-notif3 h4 { margin: 8px auto 10px auto; font-size: .8em; color: #ffffb9 }
#mhb-notif3 .mhb-but { width: 94% }
#not-com {
    width: 70%; margin: 20px auto 10px auto; text-align: center; padding: 4px 10px; box-sizing: border-box; border: 1px solid #ccc;
    color: white; text-shadow: 1px 1px black; font-size: .7em; cursor: pointer;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;        
}
#not-com:hover { background-color: #464600; border: 1px solid #ffffbb  }
#hid-not-com { display: none }
#hid-not-com h5 { margin: 0 auto 6px auto; }
#email_result_p { margin-top: 10px; border: 3px solid grey; width: 94%; font-size: .7em; padding: 6px 8px; box-sizing: border-box }
#mhb-notif h4 { margin: 8px auto 16px auto; font-size: .8em; }
#mhb-notif2 h4 { margin: 8px auto 16px auto; font-size: .8em; color: #9fe0ff }
#mhb-notif p, #mhb-notif2 p, #mhb-notif3 p { font-size: .8em; font-family: sans serif;  }
#but-notif,.mhb-but {
    width: 70%; margin: 14px auto; text-align: center; padding: 6px 8px; box-sizing: border-box; border: 1px solid #ccc;
    background-color: #0080ff; color: white; text-shadow: 1px 1px black; font-size: .7em; cursor: pointer;
}
#mhb-estado { display: block; color: #ffa8a8; font-size: .8em; margin-bottom: 8px }
#but-notif:hover,.mhb-but:hover { background-color: #2b95ff; border: 1px solid #eee; }
#iml-b { width: 100%; min-height: 46px; margin: 6px auto 4px auto; line-height: 1.6em;  }
#iml-b span {
    display: inline-block; color: white; text-shadow: 1px 1px black; padding: 6px 14px; box-sizing: border-box;
    background-color: #404040; border: 1px solid #00bf00; font-size: 1.0em;
    -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;     
}
#iml-t p#te-avisamos {
    color: white; font-size: 1.1em; line-height: 1.4em; margin: 10px auto -20px auto; 
}
.ic-vamos {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/puno-vamos-rafa-icon.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 31px; height: 38px
}
#iml-b span .ic-vamos { margin: -4px 2px -18px -32px }
.ic-emo-serio {
    background-image: url('https://www.rafanadalpartidoapartido.com/images/news/ic-emoticon-serio.png');
    background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block;
    width: 28px; height: 28px
}
#iml-b span .ic-emo-serio { margin: -4px 4px -10px -26px }
#info2-marc-live {
    width: 95%; margin: 0 auto 14px auto; font-family: "Exo", sans serif; box-sizing: border-box;
    font-size: .6em; color: #eee;
}
#info2-marc-live .ic-rel { opacity: .9; margin: 0 2px -4px 0 }
#info2-marc-live span { color: white; font-size: 1.3em; color: #ffff80 }
#but-res-directo {
    width: 95%; margin: 10px auto; font-family: "Exo", sans serif; padding: 6px 8px; box-sizing: border-box;
    font-size: .7em; color: white; border: 1px solid #9b9b00; background-color: #4a4a00; cursor: pointer
}
#but-res-directo .ic-up-arr { display: block; margin: 0 auto -4px auto}

#but-res-directo:hover { border: 1px solid #ffff00; background-color: #5b5b00; box-shadow: 0px 0px 5px 0px #5b5b00;  }

#ad-fhp-top { width: 94%; max-width: 336px; margin: 10px auto; }

#ad-fhp-med { width: 94%; max-width: 336px; margin: 10px auto; }

#ad-fhp-bot { float: left; width: 336px; height: 280px; margin: 0 20px 0 0  }

#ads-under-plyrs { width: 100%; margin: 10px auto }
#ads-betw-dondever { width: 100%; margin: 14px auto }

#pre-marc-live { width: 100%; margin: 30px auto 10px auto  }

#bt-players {
    width: 92%; font-family: 'Exo', sans serif; border: 2px solid black;
    display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;
    align-items: stretch; -webkit-align-items: stretch;
    border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; text-align: center; line-height: 18px;
    padding: 8px; box-sizing: border-box; margin: 0 auto 10px auto; background-color: #222;  overflow: hidden;
    text-shadow: 1px 1px black; color: #ffff6f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;    
}
#bt-players h3, #bt-players h4 {
    font-weight: normal; width: 100%; margin: 0 auto; padding: 2px; box-sizing: border-box; color: black; text-shadow: 1px 1px white;
    font-size: 0.9em; background: transparent none; filter: ''; background-color: #fafafa;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTAsMjQwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjExLDIxMSwyMTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    background: -o-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -moz-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,250,240,1)), color-stop(1, rgba(211,211,211,1)));
}
#bt-players h4 {
    text-align: right; padding: 4px; border-bottom:  1px solid #444; border-top:  1px solid #444;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 1.30em
}
#bt-players h4 img { float:left; margin-top: -2px;  }
.bt-pla { display: inline-block; width: 44%; margin: 0 auto }

.bt-vs { display: inline-block; width: 6%; text-shadow: 2px 2px black; margin-top: 70px; font-size: 1.60em; color: #eee  }

.box-time {
    width: 92%; display: inline-block; font-family: 'Exo', sans serif; border: 2px solid black;
    border-bottom: 2px solid #c1c1c1; border-right: 2px solid #c1c1c1; text-align: center; font-size: 140%; line-height: 1.3em;
    padding: 8px 8px 10px 8px; box-sizing: border-box; margin: 0 auto 6px auto; background-color: #252525;  overflow: hidden;
    text-shadow: 1px 1px black; color: #ffff8c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.th-player { margin: 0 auto }

.box-share  {
    font-family: 'Exo', sans serif; width: 100%; padding: 10px; box-sizing:  border-box; margin: 10px auto; background-color: #eee;  
    border: 3px solid grey; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.box-share h4 { padding: 6px 10px; box-sizing: border-box; color: white; text-shadow: 1px 1px black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.bs-int {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row;
    justify-content: space-around; -webkit-justify-content: space-around;
}

.bs-int a { font-size: 1.0em; text-align: center; color: white; text-shadow: 1px 1px black; width: 24%; border: 1px solid #444; text-decoration: none; }

.bs-int a:hover { border: 1px solid white; box-shadow: 0px 0px 5px 0px #444; }

#share-hora {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; padding: 10px 0;
    justify-content: space-around; -webkit-justify-content: space-around;
}

#share-hora a { font-size: 0.8em; color: white; text-shadow: 1px 1px black; width: 24%; border: 1px solid #bbb; text-decoration: none; }

#share-hora a:hover { border: 1px solid white; opacity: 0.8 }
#last-share .pocoyo-nadal { float:left; margin: 0 14px 0 0  }

.bot-rect-share { padding: 4px; box-sizing: border-box;  }
.bot-rect-share2 {
    font-size: 0.8em; color: white; text-shadow: 1px 1px black; width: 24%; border: 1px solid #bbb; text-decoration: none;
    padding: 4px; box-sizing: border-box; cursor: pointer;
}
.bot-rect-share2:hover { border: 1px solid white; opacity: 0.8 }

.col-fb { background-color: #1b57ad  }
.col-tw { background-color: #33ccff  }
.col-gp { background-color: #cc3d2d  }

.box-time hr {
    width: 99%; height: 1px; margin: 8px auto; padding: 2px 0 1px 0; background-color: #373700;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border-top: 1px solid black; border-bottom: 1px solid #777
}
.box-time a { color: #80ffff; text-decoration: none }

.box-time a:hover { color: white; text-decoration: underline }
.box-time h3 { 
    font-weight: normal; width: 100%; margin: 0 auto 12px auto; padding: 6px; box-sizing: border-box; line-height: 1.3em; text-transform: uppercase;
    font-size: 0.7em; border-bottom: 2px solid black; border-top: 2px solid white; color: black; text-shadow: 1px 1px white;
    background: transparent none; filter: ''; background-color: #fafafa;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTAsMjQwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjExLDIxMSwyMTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
    background: -o-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -moz-linear-gradient(top, rgba(255,250,240,1), rgba(211,211,211,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,250,240,1)), color-stop(1, rgba(211,211,211,1)));		    
}
.box-time li { margin-bottom: 10px; }
.box-time span { font-size: 90% }
.box-time span.whi { color: white; font-size: 100% }
.box-time span.whi-text { color: #eee; font-size: 0.9em; font-family: arial; line-height: 1.4em;}
.box-time span.minim { font-family: arial; display: block; color: #eee; font-size: 0.8em; line-height: 1.2em; margin-top: 6px}
.box-time span.arial { display: block; font-family: arial; color: white; font-size: 0.8em; line-height: 1.3em; text-align: left }
#fhp-col-2 .arial { display: block; font-family: arial; color: white; font-size: 1em; line-height: 1.3em; text-align: left }

#b-tuhora-l { float:left; box-sizing: border-box; width: 30% }

#b-tuhora-r { float:right ; box-sizing: border-box; width: 70%; color: white }

#tu-hora { text-align: center; color: #ffff6f }

#tu-hora span { font-size: 0.7em; text-align: left  }

#tu-hora-final { font-size: 2.3em; margin-top: 10px; margin-right: 4px; }

#tu-hora-final span { font-size: 0.3em; }
#tu-hora-final span:before { content: " "; }

#spin-tu-hora { width: 30%; margin: 4px auto  }

#tu-dia { width: 96%; display: none; text-align: left; color: white; margin: 4px auto; line-height: 1em }

#tu-dia span { float: right; color: #ffff6f; font-size: 1.0em }

#btime-hor-local { margin-top: 8px  }

#bot-climat { margin: 6px auto; }

#bot-climat img { float: right; margin: 4px 6px 0 0 }

#bot-climat a {
    display: block; width: 100%; border: 2px solid #ddd; padding: 2px; box-sizing:  border-box; background-color: #0080c0;
    font-size: 0.7em; text-decoration: none; color: white; text-shadow: 1px 1px black;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#bot-climat a:hover { background-color: #04adff;  border: 2px solid white }

#ban-cen-adap-1 { width: 99%; margin: 14px auto; max-width: 300px  }




    

/**********************************/
/* Antiguas Definiciones Caja Hora */
/*********************************/
#b-hora-part {
    width: 100%; margin: 0 auto 60px auto; background-color: black; font-family: "Exo", sans serif; font-size: 1.0em;
    border: 2px solid #bfbfbf; color: white; text-shadow: 1px 1px black; text-align: center
}
#b-hora-part-head { width: 100%; background-color: white; margin: 0 auto; padding: 14px 0;  }

#b-hora-part-head h2 { width: 96%; font-size: 160%; line-height: 1.3em; margin: 0 auto; padding: 0; color: #0000ff; text-shadow: 2px 2px white; position: relative; text-align: left   }

.b-hora-th-riv-play { border: 1px solid grey;  }

.cel-hora { float: left; box-sizing: border-box; margin: 0 auto; font-size: 90%; width: 100%; border: 2px solid grey; border-bottom: 2px solid black; border-right: 2px solid black; line-height: 26px; overflow: hidden  }

.cel-hora h3 { width: 100%; margin: 12px auto; font-size: 140%; color: white; text-shadow: 2px 2px black;  }

.cel-hora h4 { width: 100%; margin: 10px auto 6px auto; font-size: 130%; text-shadow: 1px 1px black;  }
.cel-hueco {
    width: 82%; height: auto; font-size: 120%; color: #fff86a; background-color: black; border-bottom: 1px solid #424242; border-right: 1px solid #424242; text-align: center;
    padding: 10px 0; margin: 0 auto 30px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;
}
#div-tu-hora { float: left; font-family: 'ds-digital-numbers', arial; margin: 24px 0 10px 0; font-size: 380%; color: #fff33b }
#div-calc-hora { width: 210px; position: relative; margin: -12px 0 0 110px; color: #c4dfff; font-size: 30% }
#div-tu-fecha { font-family: 'ds-digital-numbers', arial; font-size: 1.40em; margin: 0px 0 0 0;  color: #fff33b }
#div-fecha-local { font-family: arial; font-size: 90%;  margin: 0 0 -4px 0;  color: #ebebeb;  }
#tu-hora-info-ronda { font-family: arial; width: 98%; font-size: 90%; color: #ebebeb; }


/************************************************/
/**** Caja Partido Nuevo Diseño (Jun. 2015) ****/
/************************************************/
#franja-caja-part-stats {
    font-family: "Exo", sans serif; font-size: 0.7em; width: 100%; margin: 20px auto 80px auto; background-color: black;
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; 
}
#img-previa-part {
    width: 100%; -webkit-order: 1; order: 1; box-sizing: border-box;
    border-right: 2px solid black;border-left: 2px solid black; border-bottom: 2px solid black;
}
#b-previa-part {
    width: 100%; -webkit-order: 3; order: 3;  text-align: center; font-size: 120%; background-color: #eee; box-sizing: border-box; border-right: 1px solid white
}
#b-previa-part .h-stat { display: block; width: 100%; background-color: #ccc; color: #000071; text-shadow: 1px 1px white; box-sizing: border-box;  margin: 0 auto; padding: 14px 0 0 0; border-top: 1px solid white; border-left: 1px solid #aaa; border-right: 1px solid #aaa;  }

#b-previa-part .v-stat-l { display: inline-block; font-size: 120%; background-color: white;  color: black; text-shadow: 1px 1px white; width: 50%; box-sizing: border-box; border-left: 1px solid #aaa; border-right: 1px solid white; border-bottom: 1px solid #aaa;  padding: 8px 0 0 14px; text-align: left;}

#b-previa-part .v-stat-r { display: inline-block; font-size: 120%; background-color: white;  color: black; text-shadow: 1px 1px white; width: 50%; box-sizing: border-box; border-left: 1px solid #dddddd; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 8px 14px 0 0; text-align: right; }

#b-previa-part h2 { font-size: 1.20em; line-height: 1.2em;  width: 100%; margin: 0 auto; color: white; text-shadow: 1px 1px black; padding: 10px 0; border-bottom: 1px solid white  }

#b-previa-part h3 { padding: 1px 8px; display: inline; font-size: 100%; background-color: white; margin: 0 auto; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;   }

#nav-previa-part { width: 100%; -webkit-order: 2; order: 2; box-sizing: border-box; background-color: black  }

#previa-marcador {
    width: 100%; font-family: 'Exo', sans serif; color: #ffff6c; text-shadow: 2px 2px black; font-size: 400%;
    border-top: 1px solid #b9b9b9; border-bottom: 2px solid black; ; text-align: center; padding: 8px 0;  
}
#previa-marcador a {
    display: inline-block; margin: 4px 0 4px 4px; font-size: 0.35em; text-decoration: none; color: black; text-shadow: 1px 1px white;
    font-family: 'Exo', sans serif; background-color: white; padding: 6px; border: 2px solid black;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  
}
#previa-marcador a img { margin: 0 0 -2% 4% }
.marc-parc {
    display: inline-block; margin: 4px 12px; padding: 0 6px; background-color: black; border-bottom: 1px solid #555; border-right: 1px solid #555; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
#previa-rondas { border-top: 1px solid #888; width: 100%; padding: 8px 0; text-align: center }

#previa-rondas p { display: inline; margin: -8px auto 6px auto; font-size: 1.6em; padding: 0; color: white; text-shadow: 1px 1px black }

#previa-rondas a {
    display: inline-block; margin: 4px 12px; font-size: 1.4em; text-decoration: none; color: black; text-shadow: 1px 1px white; line-height: 1.1em;
    background-color: white; padding: 8px 10px; box-sizing: border-box; border: 2px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#previa-rondas a span { display: block; font-size: .8em }
#previa-rondas .ron-act, #previa-rondas a:hover, #previa-marcador a:hover {
	background: transparent none; filter: ''; background-color: #ffeea4;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyMzgsMTY0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDIyNiw4OSwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
	background: -o-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -moz-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,238,164,1)), color-stop(1, rgba(255,226,89,1)));    
}


/****************************************************/
/**** Caja Cuadro Nadal Nuevo Diseño (Jun. 2015) ****/
/******* Añadida también Caja Evolución Nadal *******/
/****************************************************/
.col-cev { max-width: 160px; box-sizing: border-box; margin: 0 1px; border-right: 1px solid #c9c9c9; border-left: 1px solid white;  }

.col-cev h6 {
    color: black; font-size: 2.0em; text-shadow: 1px 1px white; text-align: center; margin: 0; border-bottom: 2px solid #444;
    background: transparent none; filter: ''; background-color: #ffffbf;
}
.col-cev h6.gr {
    color: black; font-size: 2.0em; text-shadow: 1px 1px white; text-align: center; margin: 0; border-bottom: 2px solid #444;
    background: transparent none; filter: ''; background-color: white;
}

.col-cev span {
    color: #444; display: block; background-color: white; font-size: 1.6em; line-height: 1.2em; padding: 8px 4px;
    text-align: center; box-sizing: border-box; border: 1px solid #bbb; border-top: 1px solid white; margin: 2px auto;
}
.cev-desc { width: 30%; max-width: 500px }

.cev-desc span { 
    color: black; text-shadow: 1px 1px white; text-align: left; padding-top: 4px;  padding-left: 10px; background-color: #eee;  
    background: transparent none; filter: ''; background-color: #ffffbf; border-right: 2px solid #444; font-size: 1.4em; height: 33px;
}

#pre-cuad-nadal {
    font-size: 0.8em; box-sizing: border-box; margin: -50px auto 20px auto; position: relative; color: #444;
    margin-top: 20px; width: 100%; padding: 6px 10px; background-color: white; box-shadow: 0px 0px 4px 0px grey;
}
#but-more-cuadr {
    width: 92%; margin: 60% auto 0 auto; font-size: 1.8em; line-height: 1.2em; text-decoration: none; color: white; text-shadow: 1px 1px black;
    font-family: 'Exo', sans serif; background-color: white; padding: 8px 6px; border: 2px solid white; box-sizing: border-box;
    cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  box-shadow: 0px 0px 4px 0px grey;
}
#but-load-body-inf {
    width: 90%; margin: 20px auto; font-size: 1.1em; line-height: 1.2em; text-decoration: none; color: white; text-shadow: 1px 1px black;
    font-family: 'Exo', sans serif; background-color: white; padding: 8px 12px; border: 1px solid #444;
    cursor: pointer; box-shadow: 0px 0px 4px 0px grey;
}
#but-more-cuadr:hover { background: transparent none; filter: ''; background-color: #666; box-shadow: none }
#but-load-body-inf:hover { background: transparent none; filter: ''; background-color: #0080ff;  }

#but-load-body-inf .ic-down-arr { float: right; margin-bottom: -4px   }

#caja-cuadro-nadal, #caja-rankings-ppal, #caja-evol-nadal {
    width: 100%;  font-family: "Exo", sans serif; font-size: 0.5em; display: flex; display: -webkit-flex; flex-direction: row;
    -webkit-flex-direction: row; margin: 0 auto 80px auto; background: #eee; border: 3px solid #666; color: black;
    text-shadow: 1px 1px white; 
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#caja-rankings-lat {
    width: 100%;  font-family: "Exo", sans serif; font-size: 0.5em; display: flex; display: -webkit-flex; flex-direction: row;
    -webkit-flex-direction: row; margin: 40px auto 0 auto; background: #eee; border: 2px solid white; color: black; text-shadow: 1px 1px white;
    box-shadow: 0px 0px 5px 1px grey; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.col-cuad { max-width: 160px; box-sizing: border-box; margin: 0 1px; border-right: 1px solid #c9c9c9; border-left: 1px solid white;  }

.col-cuad h3 { color: white; font-size: 2.0em; text-shadow: 1px 1px black; text-align: center; margin: 0; border-bottom: 1px solid #444; }

.col-cuad span {
    display: block; background-color: white; font-size: 1.6em; line-height: 1.2em; padding: 8px 4px; text-align: left;
    box-sizing: border-box; border: 1px solid #bbb; margin: 2px auto 8px auto;
}
/*.col-cuad span:hover {
    border: 1px solid #666; -webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); margin-top: -2px; margin-bottom: 4px;
} */

.col-cuad span.riv-tach { background-color: white; color: #bb0000; border-bottom: 1px solid #999;   }

.lin-tach { float:left; z-index: 20; position:relative; margin-bottom: -60px; opacity: 0.5; width: 100%; max-width: 127px }

.col-cuad span.riv-visto { box-shadow: 0px 0px 8px 0px green; background-color: #e1ffe1; border: 1px solid green  }
.col-cuad span:hover {
    border: 1px solid #444; width: 140%; position: relative; box-shadow: 0px 0px 4px 0px #444; margin-left: -25%; z-index: 100;
    -webkit-transform: scale(1.45, 1.45);-moz-transform: scale(1.45, 1.45); -ms-transform: scale(1.45, 1.45); -o-transform: scale(1.45, 1.45); transform: scale(1.45, 1.45); 
}
/*.col-cuad span.vs-out {
    display: none; font-size: 0.8em; box-sizing: border-box; background: white; padding: 4px; font-family: sans-serif; text-align: center;
    z-index: 10; border: 1px solid #666; color: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    width: 200%; margin: 0 -50% -30% -50%; position: relative; box-shadow: 0px 0px 5px 0px #444;
}*/
.col-cuad span.vs-out {
    display: none; font-size: 0.7em; box-sizing: border-box; background-color: #ffffd9; padding: 4px; font-family: sans-serif; text-align: center;
    z-index: 30; border: 1px solid #666; color: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    width: 94%; margin: 8px auto 0 auto; position: relative; box-shadow: none; opacity: 1;
}
.col-cuad span:hover .vs-out { display: block;  }

.col-cuad span .riv-thu { width: 76%; margin: 0 auto; border-radius: 50% 50%; box-shadow: 0px 0px 3px 0px grey;  }



.cb { clear: both; margin: 0; padding: 0;  }

.n-cab {
    float: right; font-family: sans-serif; color: white; text-shadow: 1px 1px black; font-size: 0.6em; background-color: #0080c0; border: 1px solid #555555; width: 15px; height: 15px; line-height: 15px; text-align: center;
    -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;
}
.s-vis { float:right; width: 35% }

#c-hue-ad { width: 86% }

.but-clas-gris {
    float: left; margin:26px auto; font-size: 1.8em; text-decoration: none; color: black; text-shadow: 1px 1px white;
    font-family: 'Exo', sans serif; background-color: white; border: 1px solid black; box-sizing: border-box;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  box-shadow: 0px 0px 4px 0px grey;
}
.but-clas-gris:hover { background: transparent none; filter: ''; background-color: #ffeea4; box-shadow: none }
.but-clas-gris a { color: #004080; text-decoration: none; padding: 20px 24px } 




/************************************************/
/******** Cuadro Ranking Emirates + Race ********/
/************************************************/
.head-rank-cat { color: white; text-shadow: 1px 1px black; font-size: 2.0em; padding: 7px 0; text-align: center; margin-bottom: 3px }
.head-rank-cat h2 { font-size: 1.0em; padding: 0; margin: 0; display: inline }
#col-emirates { float: left; width: 75%; box-sizing: border-box; margin-right: 2px  }
#col-race { border: 3px solid #0b3c00; border-top: none; float: left; width: 25%; box-sizing: border-box;  }
.col-cuad2 { box-sizing: border-box; margin: 0 1px; border-right: 1px solid #c9c9c9; border-left: 1px solid white;  }

.col-cuad2 h3 { color: white; font-size: 2.0em; text-shadow: 1px 1px black; text-align: center; margin: 0; border-bottom: 1px solid #444; }

.col-cuad2 span {
    display: block; background-color: white; font-size: 2.0em; line-height: 1.2em; padding: 8px 4px; text-align: left;
    box-sizing: border-box; border: 1px solid #bbb; border-top: 1px solid white; margin: 6px auto;
}
.col-cuad2 span .riv-thu { float: left; width: 28%; margin: 0 8px 2px 4px; border-radius: 50% 50%; box-shadow: 0px 0px 3px 0px grey;  }

.ran-pais { color: grey; font-size: 0.8em }
.pun-ran {
    color: #444; text-shadow: 1px 1px white; font-size: 1.1em; background-color: #f7f5cc; border-top: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc; text-align: right;
    font-family: 'Exo', sans serif; box-sizing: border-box; padding-right: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.pun-ran img { float: left; width: 10%; }
.n-ran {
    float: right; color: white; text-shadow: 1px 1px black; font-size: 0.8em; background-color: #555555; border: 1px solid #555555; text-align: center;
    padding: 0 4px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px;
}
.pun-ran2 {
    color: white; text-shadow: 1px 1px black; font-size: 1.1em; background-color: #6f6f6f; border-top: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc; text-align: right;
    font-family: 'Exo', sans serif; box-sizing: border-box; padding-right: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.pun-ran2 img { float: left; width: 10%; }


/* Definicion cajas */
.caja-iphone { width: 260px; color: #111; margin: 30px auto; }			
.caja-iphone-arriba {
	width: 260px; height: 94px;
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-iphone-arriba.jpg");
	background-position: top left; background-repeat: no-repeat; 
}
.caja-iphone-arriba h3 { padding: 60px 0 0 80px; font-size: 120%; color: #fff; text-shadow:1px 1px #000;}
.caja-iphone-centro {
	width: 225px; padding: 0 0 0 35px; height: 269px;		
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-iphone-centro.jpg");
	background-repeat: repeat-y; overflow: auto;	    
}
.caja-iphone-centro p {
	margin: 0 0 0 -20px;font-size: 90%;
	font-family: verdana, arial, helvetica;
}
.caja-iphone-abajo {
	width: 260px; height: 114px; 
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-iphone-abajo.jpg");
	background-position: bottom left; background-repeat: no-repeat;	    
}	
.caja-iphone a { color:#a60000; font-weight: bold; text-decoration: none; font-size: 90%;  }

.caja-iphone a:hover { color:#ff6a6a; font-weight: bold; text-decoration: underline; font-size: 90%;  }

.b-top-ten {
    width: 210px; margin: 30px auto; text-align: center; border: 2px solid #a95b59; background-color: #fffdc5; color: black;
    padding-bottom: 5px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; box-shadow: 0px 0px 5px 1px grey
}
.b-top-ten-int {
    width: 90%; color: yellow; text-align: center; margin: 12px auto; font-size: 110%; padding: 2px 0;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.caja-toptenusuarios { width: 247px; margin: 30px auto }

.caja-toptenusuarios-arriba {
	width: 247px; height: 94px;
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-toptenusuarios-arriba.png");
	background-position: top left; background-repeat: no-repeat;
}	
.caja-toptenusuarios-centro {
	width: 247px; 
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-toptenusuarios-centro.png");
	background-repeat: repeat-y; 
}	
.caja-toptenusuarios-abajo {
	width: 247px; height: 29px;
	background-image: url("https://www.rafanadalpartidoapartido.com/images/caja-toptenusuarios-abajo.png");
	background-position: bottom left; background-repeat: no-repeat;                
}
.fila-usuario-topten {
	display: none; border: 1px solid #000059; width: 234px; height: 25px; margin: 1px 0 1px 2px;
}
.fila-usuario-topten a { text-decoration: none; font-weight: bold}

.fila-usuario-topten a:hover { text-decoration: underline; }

.celda-usu-topt {
	float: left; font-size: 60%; height: 15px; border-right: 1px solid #c0c0c0;
	padding: 5px 4px; color: white; font-weight: bold; text-shadow: 1px 1px black;
}
.avatar-ranking { border-right: 1px solid white }
.avatar-ranking:hover {  position: relative; width: 50px; height: 50px; margin: -20px 0 0 -20px; border: 2px solid white; box-shadow: 0px 0px 4px 0px black; }

.caja-topten-head1 {
	font-size: 115%; font-weight: bold; padding-top: 45px; padding-right: 10px;
	text-align: right; color: yellow
}
.caja-topten-head2 { font-size: 60%; text-align: center; color: yellow; margin-left: 70px }


.info_jugador1 {
	margin: 160px 0 0 10px; font-size: 95%; color: black; line-height: 18px;
	float:left; text-shadow: 1px 1px white;
}
.info_jugador2 {
	margin: 160px 0 0 145px; font-size: 95%;  color: black;
	line-height: 18px; text-shadow: 1px 1px white;
}
.head2head {
	width: 86%; margin: 8px auto 0 auto; font-size:180%; font-weight:bold; color: black;
	text-shadow: 2px 2px white; text-align: center;
}
.ultimo_encuentro {
	margin: 3px 0 4px 10px; font-size:90%; color: #000; padding: 2px; margin-top: -2px;
	text-align: center; border-top: 1px solid #800000; width: 245px; 
}
.marcador {
	margin: 37px 0 0 32px; font-size: 200%; font-weight:bold; color: #ffffbe;
	text-shadow:2px 2px #111;
}
.marcador2 {
	margin: 0 0 -50px 32px; font-size: 180%; font-weight:bold; color: #ffffbe;
	text-shadow:2px 2px #111; 
}
/* FIN Definicion cajas */




.elem-iphone-result {
	border: 1px solid #480000;text-align: center; width: 180px; color: #000000; font-size: 90%;
	padding:2px; margin: 2px; background: url(https://www.rafanadalpartidoapartido.com/images/fondo-elem-marq.jpg) repeat-x;
}
.elem-iphone-result p { display: inline; margin: 20px auto }
.elem-marquesina-result {
	border: 1px solid #480000;text-align: center; width: 200px; color: #000000;
	padding:2px; margin: 2px; background: url(https://www.rafanadalpartidoapartido.com/images/fondo-elem-marq.jpg) repeat-x;
}
.elem-marquesina-jornada {
	color:#fffcc6; background-color: #333100; font-weight:bold; border: 2px solid #fff;text-align: center;
	width: 210px; font-size: 90%; padding: 2px; margin: 1px 0 1px 0; 
}



/*****************************************/
/******* Columna Comentarios *************/
/*****************************************/
.txt-head-titular { padding: 8px 0px; font-weight: bold; color: white; text-align: left; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4 }

.txt-head-titular h2 {
	font-family: "Exo", sans serif; font-size: 180%; line-height: 30px; padding: 0; margin: 0;
}
.txt-head-titular h2 a {  color: #303030; text-shadow: 1px 1px white }

.txt-head-titular h2:hover {  color: #6c6c6c; text-decoration: underline; text-shadow: 1px 1px white }	

.txt-head-titular-claro {
	padding: 5px 8px 8px 18px; font-weight: bold; color: black; text-align: left;
}


#b-coments-home {
    width: 100%; border: 1px solid grey; margin: 40px auto; background-color: #d7d7d7;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
}
#h-coments-home {
    font-family: "Exo", sans serif; font-size: 140%; width: 96%; margin: 6px auto 20px auto; padding: 8px 0; border: 1px solid #dfdfdf; border-bottom: 1px solid white;
    color: white; text-shadow: 1px 1px black; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.caja-coment-home {
    width: 90%; margin: 40px auto; border: 1px solid #646464; box-shadow: 0px 0px 4px 0px #737373; background-color: white;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.cont-caja-coment { background-color: #f5f5f5; text-shadow: 1px 1px white; padding-bottom: 4px  }

.cont-caja-coment a { text-decoration: none; }

.cont-caja-coment a:hover { text-decoration: none; font-weight: normal; color: black }

.head-coment-home {
    font-family: "Exo", sans serif; font-size: 140%; line-height: 20px; text-align: left;
    width: 99%; padding: 8px 0; margin: 1px auto 2px auto; border-bottom: 1px solid black; color: white; text-shadow: 1px 1px black;
}
.caja-seccion-home {
	width: 240px; margin: 30px auto; border: 1px solid #2d2d2d; box-shadow: 0px 0px 5px 0px #555555;
	background-color: #f1f1f1;
}
.caja-seccion-home:hover {
	border: 1px solid blue;
}
.avatar-coment-titular {
	border:1px solid #cacaca; float: left; margin: -20px 8px 0 0; position: relative; box-shadow: 0px 0px 3px 0px grey;
}
.avatar-coment-titular:hover { border: 1px solid #0080c0; }

.borde-fila-info {
	border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; line-height: 16px; margin: 6px auto;
}
.borde-fila-info a { color: blue; text-decoration: none;  }

.borde-fila-info a:hover { color: #000077; text-decoration: underline; font-weight: normal  }

.fila-info {
	width: 100%; background-color: #ececec; border-top: 1px solid white; border-bottom: 1px solid white;
	color: black; text-shadow: 1px 1px white; padding: 4px 0
}
.cel-filainfo { float: left; border-right: 1px solid grey; border-left: 1px solid white; padding-left:4px; overflow: hidden }

.cel-filainfo-dest {
	float: left; border-left: 1px solid white; background-color: black; padding:1px 0 1px 4px; overflow: hidden;
	color: white; text-shadow: 1px 1px black;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.cel-fi-right {
	float: right; width: 52%; overflow: hidden; padding-right: 5px; text-align: right
}
.cel-fi-left { float: left; width: 38%; padding-left:8px; overflow: hidden }
.cel-fi-red {
	border-top: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; background-color: white; padding: 6px 10px; float: right; margin-top: 2px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.cel-fi-exo {
	width: 99%; margin-top: 3px; font-family: "Exo", sans serif; font-size:180%; font-weight: bold; text-align: right
}

.f-com-hom { font-family: verdana, arial, helvetica; color: #3f3f3f; text-shadow: 1px 1px white; float: right; margin: -18px 8px 0 0; font-size: 80%; position: relative  }

.caja-coment-home:hover .avatar-coment-titular {
    margin-left: -12px; margin-right: 20px; -webkit-transform: scale(1.38, 1.38);-moz-transform: scale(1.38, 1.38); -ms-transform: scale(1.38, 1.38);
    -o-transform: scale(1.38, 1.38);transform: scale(1.38, 1.38)
}
.icono-caja-seccion {
	border:1px solid #cccccc; float: left; margin: -26px 6px 0 0; box-shadow: 0px 0px 4px 0px grey; position: relative;
}
.icono-caja-seccion:hover {
	border: 1px solid yellow; 
}	
.gradient-azul-azul a {
	color: white; text-decoration: none;
}
.gradient-azul-azul a:hover {
	color: #fbffb3; text-decoration: underline;
}
.fila-info-coment-home {
	width: 99%; margin: 2px auto; background-color: white; border-bottom: 1px solid #858aa2;
}
.cont-fila-info-coment-home {
	width: 90%; margin: 2px auto; line-height: 16px;
	color: black; font-size: 90%;
}

.caja-boton-coment-home {
	width: 99%; margin: 0px auto; padding: 2px 0; background-color: white;
	border-top: 1px solid #858aa2; text-align: center
}
.boton-coment-home {
	margin: 2px auto; width: 96%; padding: 2px 0px; background-color: #707070;
	border: 1px solid white; text-shadow: 1px 1px black; cursor: pointer;
	font-size: 80%; text-align: center; color: white;
}
.boton-coment-home:hover {
	background-color: #335f84;
}
.caja-txt-coment-home {
	width: 90%; margin: 5px auto; max-height: 200px; color: black; text-align: left; font-size: 110%;
	background-color: white; overflow: auto; padding: 6px; line-height: 22px;
}
.caja-txt-coment-home a { color: blue; }

.caja-txt-coment-home a:hover { color: #000095;  text-decoration: none }

.leelo-caja-coment { background-color: #bcbcbc; color: white; padding: 4px 8px; margin: 20px 0 10px 0; position: relative; }

.leelo-caja-coment a { color: white; font-size: 80%; text-shadow: none; line-height: 14px  }

.leelo-caja-coment a:hover { color: black; font-weight: normal; text-decoration: underline }

.but-tit {
    width: 99%; font-size: 80%; background-color: #4079b3; padding: 0; color: white;  text-decoration: none;
    margin: 16px auto; border: 1px solid #3a3a3a; text-align: center;  box-shadow: 0px 0px 3px 0px #b5b5b5; text-shadow: 1px 1px black;
    cursor: pointer; overflow: hidden;
}
.but-tit img { float: left; margin: 4px 4px -2px 8px  }
.btit-txt {
    border-left: 1px solid #adadad; float: right; width: 70%; font-family: "Exo", sans serif; font-size: 140%; overflow: hidden; line-height: 22px;
    padding: 4px 0 4px 8px; text-align: left; text-shadow: 1px 1px black;
}
.but-tit a { color: white; font-weight: normal; text-decoration: none; text-shadow: 1px 1px black }	
.but-tit a:hover { font-weight: normal; text-decoration: underline; }

.but-tit:hover { opacity: 0.9; box-shadow: none }

.boton-sigue {
	float: right; position: relative; margin: -20px 10px 0 0; padding: 0px 10px; font-size: 80%;
	background-color: #445883; color: white; text-shadow: 1px 1px black;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.leyenda-redondeada {
	background-color: #cce0e1; color: black; text-shadow: 1px 1px white; border: 1px solid #002448; padding: 3px 0px 3px 10px; margin: 8px 0;
	-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: 90%;
	
}
/* Estilos Formularios */

.input-text {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	border: 2px solid #696969; padding: 5px 10px; margin: 4px 0;
}

.textarea-post {
	background-color: #eeeeee; font-size: 110%; font-weight: bold; line-height: 20px;
	padding: 8px; width: 480px; border: 2px solid #0000d2;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.textarea-post:hover {  background-color: white; border: 2px solid #5e5eff }

.textarea-post:focus { background-color: white; border: 2px solid #5e5eff }

.hover-gradient-azul:hover {
	border: 3px solid white; box-shadow: 0px 0px 12px 2px #80ffff;
}

.header-columna {
	width: 99%; font-family: "Exo", sans serif; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin: 0 auto 30px auto;
	padding: 4px 0; color: white; text-shadow: 1px 1px black; font-size: 160%; font-weight: bold;
	box-shadow: 0px 0px 4px 0px black; text-align: center; line-height: 26px; 
}
.header-columna h1 { font-size: 100%; margin: 4px 0 0 0; padding: 0 }
.header-columna h2 { font-size: 100%; margin: 4px 0 0 0; padding: 0 }


.habla-webmaster { color: #2a2a2a; text-shadow: 1px 1px white; font-weight: bold    }

.habla-webmaster a { color: #505fc9; text-decoration: underline; }
.boton-azul {
	background-color: #507499; padding: 2px 8px; margin: 0 2px; color: white; text-shadow: none;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none;
	border: 1px solid #626262; text-align: center
}
.boton-azul:hover {
	background-color: #405c79; border: 1px solid #2d4155;
}	
.boton-azul a {
	font-weight: bold; color: white; text-decoration: none;
}	
.boton-azul a:hover {
	font-weight: bold; color: yellow
}
.hover-grad-amar:hover {
	background: transparent none; /* reset the background, just in case */
	filter: ''; /* clear the filter since it's the reason for the border-radius missing */
	background-color: #ffeea4;  
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyMzgsMTY0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDIyNiw4OSwxKTsiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIC8+PC9zdmc+);
	background: -o-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -moz-linear-gradient(top, rgba(255,238,164,1), rgba(255,226,89,1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,238,164,1)), color-stop(1, rgba(255,226,89,1)));		
}

#ban-concurso-marcadores {
    width: 100%; margin: -30px auto 0 auto; border: 6px solid #004080; box-shadow: 0px 0px 5px 0px #444; padding: 20px;
    background-color: white; color: black; box-sizing: border-box; font-family: "Exo", sans serif; font-size: 1.0em;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
}
#caja-concurso-1 { float: left; width: 100%; box-sizing: border-box; }
#caja-concurso-2 { float: left; width: 100%; color: #333; box-sizing: border-box; text-align: left }
#but-concurso-marcadores {
    float: left; margin: 10px auto; font-size: 1.0em; text-decoration: none; color: black; text-shadow: 1px 1px white;
    font-family: 'Exo', sans serif; background-color: white; border: 1px solid black; box-sizing: border-box;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  box-shadow: 0px 0px 4px 0px grey;
}
#but-concurso-marcadores:hover { background: transparent none; filter: ''; background-color: #ffeea4; box-shadow: none }
#but-concurso-marcadores a { color: #004080; text-decoration: none; padding: 14px 24px } 

#b-web-recom { width: 90%; margin: 40px auto; color: black; border: 1px solid #444 }

#b-web-recom p { line-height: 1.6em; }

#b-web-recom img { margin: 0 4px -4px 0 }

#b-web-recom a {
    background-color: #ddd; padding: 2px 4px; border-bottom: 1px solid #666; border-right: 1px solid #666;
    text-decoration: none; color: black; text-shadow: 1px 1px white;  font-weight: normal;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#b-web-recom a:hover {
    background-color: #eee; text-shadow: none; border: 1px solid #004080;
}

/************************************/
/*** Estilos Videos Click-Motion ***/
#last-click-motion {
    width: 100%; margin: 30px auto 50px auto; box-sizing: border-box; border: 2px solid white; background-color: #ddd; overflow: hidden;
    font-family: "Exo", sans serif; box-shadow: 0px 0px 5px 0px #444; background-color: #eee; padding-bottom: 40px; font-size: 2.2em;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#last-click-motion h2 {
    width: 100%; padding: 10px;  text-align: center; box-sizing: border-box;  position: relative;  background-color: white; 
    line-height: 1.30em; border-bottom: 1px solid #aaa; font-family: "Exo", sans serif; color: #0000ff; text-shadow: 1px 1px white;    
}
.vid-ck-mot {
    display: block; width: 94%; margin: 10px auto; padding: 14px; box-sizing: border-box; background-color: #eee; 
}
.vcm-int { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;  border: 1px solid #aaa}

.vcm-int:hover { opacity: 0.8; border: 1px solid #444; }

.vid-ck-mot img { width: 100%; margin: 0 auto; display: block; border: none  }

.subt-ck-mot {
    width: 100%; color: #444; text-shadow: 1px 1px white; box-sizing: border-box; line-height: 1.3em;
    background-color: white; padding: 10px; font-size: 0.6em;  text-decoration: none;
}

#barra-pages {
	width:100%; text-align: center; color: white; margin: 10px auto 40px auto; border: 1px solid white; box-shadow: 0px 0px 5px 0px #444;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#barra-pages a {
	font-family: "Exo", sans serif; font-size: 140%; color: white; margin: 0 8px;
	text-shadow: 1px 1px black; text-decoration: none }

#barra-pages a:hover, #a-pag-actual {
	color: yellow; text-shadow: 1px 1px black; text-decoration: underline; margin: 0 4px; padding: 4px; border: 1px solid white;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: grey; margin: 0 3px;
	box-shadow: 0px 0px 5px 0px black;			
}

/***********************************************/
/*** Estilos Caja Publicidad feeling Titular ***/
.b-ads-ext { width: 94%; max-width: 340px; border: 1px solid grey; box-shadow: 0px 0px 4px 0px #333; background-color: #e8e8e8; padding: 10px; margin: 40px auto; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b-ads-int{ margin: 0 auto; width: 90%; padding: 10px; background-color: white; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #aaa }
.b-ads-publi { width: 100%; text-align: left; padding-left: 4px; font-size: 0.9em; color: #888 }

#ads-cxe-320 { margin: -10px auto -2px auto;  }

#ads-cxe-300 { margin: 0 0 0 -30px;  }

#ads-cxe-300-v2 {
    display: block; margin: 10px auto; width: 300px; height: 266px; text-align: center; background-color: white; padding: 4px; border: 1px solid #aaa;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}


/***********************************************/
/*********** ESTILOS RESPONSIVE ****************/
/*********** MOBILE RESPONSIVE ****************/
/***********************************************/
@media (min-width: 240px) {
    
    BODY { font-size: 0.8em; }
    #ic-logo { display: none }
    #leer-mas-not { margin-bottom: 40px;  }
    #leer-mas-not img { margin: 4px 0 -6px 12px  }
    #b-time-ppal { width: 100%;  }
    #b-time-ppal h3 { width: 96%; margin-top: 8px  }
    
    /* Caja Cuadro */
    .col-cuad span:hover .vs-out { display: block; width: 200%; margin: 0 -50% -30% -50%; position: relative; box-shadow: 0px 0px 5px 0px #444; }
    
}

@media (min-width: 320px) {
    
}

@media (min-width: 360px) {
    
    BODY { font-size: 1.0em; }
    /*#adsense-1st { width: 336px; height: 280px; }*/
    .bfn-r p { line-height: 1.4em }
    .bfn-r h2 { line-height: 1.3em; font-size: 1.6em }
    .header-columna { font-size: 1.4em }
    #ic-logo { display: block }
    
    #primer-h2 .ic-rel { width: 22px; height: 22px;    }
    
    #body-vent-nadhoy { padding-left: 16px; padding-right: 16px;  }        

    
}
@media (min-width: 400px) {
    
    /*Caja Hora Partido (Nueva)*/
    /*#ad-fhp-top { height: 280px; } */   
}
@media (min-width: 420px) {

    /*Caja Hora Partido*/
    .c-h-gra { width: 56%; }
    .c-h-peq { width: 28% }
    #cel-hora-ad { float: right; width: 44%;  }
    #c-hue-ad { margin: 50px auto 20px auto; height: 610px; overflow: visible; }
    #div-tu-hora { font-size: 3.0em }
    
    #ads-cxe-320 { margin: -10px 0 -2px -140px;  }
    #ads-cxe-300 { margin: 0 0 0 -130px;  }
    .res { font-size: 1.5em }
    
}

@media (min-width: 500px) {
    
    BODY { font-size: 0.8em; }
    #navBarTop1 h1 { font-size: 1.30em }
    
    /*#adsense-1st { width: 94%; height: auto; }*/
    
    #fja-but-vip-code { font-size: 1.3em; text-align: center; }
    #fja-but-vip-code .ic-vamos { margin: 0 4px -14px -36px }
    #fja-but-vip-code a { width: auto; text-align: left; border: 3px solid #fff; padding: 8px 20px; }
    
    .bot-mmedia {font-size: 1.5em}
     
    /*Titulares*/
    .bfnb-r { padding: 3px 20px; box-sizing: border-box; font-size: 1.2em; }
    .bfnb-r .ic-com { width: 30px; height: 22px; margin: 0 4px -4px -8px }
    .bfnb-r:before { content: "ENVIA TU COMENTARIO";  }
    .bfnb-r span:after { content: "No te quedes con la palabra"; margin-top: -2px}
    .bfn-inf3 { font-size: 0.9em; padding: 3px 12px; }
    .fja-vid { font-size: 1.3em }
    
    .b-fast-new { height: 200px; flex-direction: row; -webkit-flex-direction: row; align-items: stretch; }
    
    .bfn-l { width: 26%; margin: 0 2%; border-bottom: 2px solid white; }
    .bfn-img { width: 100%; margin: 0 auto  }
    .bfn-img-vid { width: 100%; margin: 36px auto 0 auto; -webkit-transform: scale(2.05, 2.05);-moz-transform: scale(2.05, 2.05); -ms-transform: scale(2.05, 2.05);
	-o-transform: scale(2.05, 2.05); transform: scale(2.05, 2.05);
    }
    .bfn-r { width: 67%; height: auto; margin-left: 0; margin-right: 0; }
    .bfn-but-w { display: block; width: 44px; height: 34px; }
    .bfn-but-m { display: none }
    .bfn-com { float: left; position: relative; margin: -10px -10px 0 -8px;  }
    
    
    /*Caja Hora Partido*/
    #b-hora-part { font-size: 1.4em }
    #b-hora-part-head h2 { text-align: left }
    #c-hue-ad { width: 90% }
    
    #bca1-vert { display: none }
    #bca1-pano { display: block }
    
    /* Caja Previa Partido */
    #franja-caja-part-stats {
	display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    }
    #img-previa-part { width: 70%; float: left; border-right: 1px solid white; border-left: 1px solid #aaa;  }
    #nav-previa-part { width: 70%; float: left;  }
    #b-previa-part  { width: 30%; float: right;  }
    
    /* Caja Cuadro */
    .col-cuad span:hover .vs-out { width: 160%; margin: 0 -30% -30% -30%; }
    
    #ads-cxe-320 { margin-left: -100px;  }
    #ads-cxe-300 { margin: 0 0 0 -100px;  }
    
    
    .cev-desc span { padding-top: 8px; font-size: 2.0em; height: 30px }
    .fnt-diap .fntc-r { font-size: 1.4em; line-height: 1.2em;  }

}

@media (min-width: 550px) {
    
    #fja-nots-pie { display: block }    
    
    /*Caja Hora Partido (Nueva)*/
    #primer-h2 {
	width: 99%; margin: 4px auto 12px auto; border-bottom: 2px solid #222; font-size: 1.4em;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    }
    #fhp-flex-top, #fhp-flex-bot { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    #col-1 {  width: 80%; -webkit-order: 1; order: 1; }
    #col-2 {  width: 50%; -webkit-order: 2; order: 2; }    
    #fhp-col-1 { width:40%; -webkit-order: 1; order: 1;  }
    #fhp-col-2 { width:58%; -webkit-order: 1; order: 1;  }
    #caja-hora-partido { padding: 10px; border-top: 1px solid #ccc; font-size: 1.3em; }
    #b-time-ppal {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	border-left: 2px solid black; border-right: 2px solid #c1c1c1;
    }
    #b-time-ppal h3 { margin-top: 6px }
    #fc2-dver { width: 95%; }
    #fc2-dver h3 { margin: 8px auto; }
    #bt-players { width: 96%; }
    .bt-pla { display: inline-block; width: 46% }
    #fhp-col-3 { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    #fhp-col-3 .box-time { width: 49% }
    #fhp-flex-bot .box-time { width:48%;  }
    #fhp-col-3 .box-time#b-time-ppal { width: 63%;  }
    #fhp-col-3 .box-time#btime-hor-local { width: 35% }
    #fhp-flex-caminos { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    #fhp-flex-caminos .box-time { width:48% }
    #ad-fhp-med { width: 98%; max-width: 98%; }
    a.bnf-mor {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;     
    }
    #ban-cen-adap-1 { max-width: 99%  }
    
    #but-load-body-inf { width: 340px; font-size: 1.3em; }
    


@media (min-width: 590px) { /* Motorola X en horiz. */
    
    
    /* Nav Bar Superior con Logo */
    #open-options-resp { display: none }
    #ic-logo { margin-left: 10px; }
    #navBarTop1 h1 { float: none; font-size: 1.3em; line-height: 1.3em; height: 26px; overflow: hidden ; border: none; margin-top: 0; padding-top: 0}
    #navBarTop1 {
	max-width: 990px; height: 40px; border: 2px solid #ccc; border-bottom: 1px solid #ccc;  box-shadow: 0px 0px 8px 1px black;
	box-sizing: border-box; font-family: "Exo", sans serif; padding: 8px 14px; font-size: 1.30em; margin: 10px auto 4px auto;
	background-color: rgba(0,0,0,0.8); color: white; text-shadow: 1px 1px black
    }
    #navBarTop2 {
	display: block; position: inherit; width: auto; max-width: 990px; border: 2px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid white; box-shadow: 0px 0px 8px 1px black;
	box-sizing: border-box; font-family: "Exo", sans serif; padding: 4px 14px; margin:4px auto;
	background-color: rgb(0, 119, 176); color: white; text-shadow: 1px 1px black; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    }
    #navBarTop2 a { display: inline; margin: 0 3% 0 0; border: none; color: white; text-decoration: none;   }
    
    #navBarTop2 a:hover { color: yellow; }
    
    #fap-int { font-size: 1.4em }
    #cami-wi { margin-bottom: -20px }
    
    
    /*Caja Previa Partido */
    #previa-rondas a { margin: 4px 8px; }
    .marc-parc { margin: 4px 8px; }
    .header-columna { font-size: 1.6em }
    
    /* Caja Cuadro */
    #pre-cuad-nadal { font-size: 1.0em; }
    #caja-cuadro-nadal, #caja-evol-nadal { font-size: 0.6em  }
    #caja-rankings-ppal { font-size: 0.8em  }
    #caja-rankings-lat { font-size: 0.8em  }
    .col-cuad span { font-size: 2.0em}
    .col-cev span { font-size: 2.0em}
    .col-cuad span .riv-thu { width: 56%; margin: 0 auto 4px 0; }
    .s-vis { width: 20%; float:right; margin-top: 0 }
    .col-cuad span:hover {
	border: 1px solid #666; width: 130%; position: relative; box-shadow: 0px 0px 5px 1px #444; margin-left: -25%;
	-webkit-transform: scale(1.35, 1.35);-moz-transform: scale(1.35, 1.35); -ms-transform: scale(1.35, 1.35); -o-transform: scale(1.35, 1.35); transform: scale(1.35, 1.35); 
    }
    
    /* Comentarios */
    #b-coments-home { font-size: 1.20em; }
    
    #navBarNot_y_Com span { display: inline; cursor: pointer; padding: 4px 8px; border-right: 1px solid white; border-bottom: none   }
    
    #pie-pagina { font-size: 1.60em;  }
    
    .bfn-inf { margin-bottom: 10px }
    
    #leer-mas-not { font-size: 1.60em }
    
    
    
    .ph-tri { border:20px solid #222; border-bottom-color:transparent;border-left-color:transparent; }
    .ph-tri .ic-foto-bk, .ph-tri .ic-play-bk {  width: 29px; margin: 4px 0 0px 8px  }    
    
    .bfn-img2 { display: block; width: 13%; }
    
    .bfn-f h2 { font-size: 2.2em; line-height: 1.2em }
    
    .bfn-tit { font-size: 2.2em; line-height: 1.2em }
    
    .bnf-desc { font-size: 1.4em; line-height: 1.6em }
    .bnf-desc2 { font-size: 1.4em; line-height: 1.6em }
    
    h2.bfn-head {  font-size: 1.6em; line-height: 1.3em; }
    

    .bot-mmedia.ley-ampl { display: block }    
    
    #intersFoto .iF-close { width: 8%; }
    
    /***** Caja Concurso Marcadores ****/
    #ban-concurso-marcadores { font-size: 1.30em }
    #caja-concurso-1 { width: 40%; }
    #caja-concurso-2 { width: 60%; }
    
    .big-but a { font-size: 1.30em }
    
    #ban-fvf { width: 728px; margin: 20px auto; }
    
    #ban-fvf img {
	width: 100%; margin: 0 auto; box-shadow: 0px 0px 3px 0px black; border: 2px solid white;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	
    }
    #ban-fvf img:hover { opacity: .8 }     
    
    #ban-fvf2 {
	width: 100%; display: none; margin: 0 auto 30px auto; box-shadow: 0px 0px 3px 0px black; border: 2px solid white; 
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }

    #ventana-nadalhoy h2 { text-align: center }
    #ventana-nadalhoy h2 #pocoyo { margin: -28px 0 -10px -30px }
    
    #ban-nadalhoy { font-size: 1.3em }
    
    #body-vent-nadhoy .art-rec { width: 48% }
    
    #body-vent-nadhoy { max-height: 450px; -moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; }
    
    #body-vent-nadhoy .ar-tit { font-size: 1.5em }
    #desc-vent-nh { font-size: 1.2em }
   
    
    /* Videos Click-Motion */
    #last-click-motion { font-size: 2.4em }
    #last-click-motion h2 { padding-top: 14px; padding-bottom: 14px;  }
    .vid-ck-mot { float: left; width: 50%; margin: 0 auto;  }
    
    #iconos-sociales { float: right; width: 320px; height: 26px; margin-top: -8px; padding-left: 6px; padding-top: 8px }
    
    .bfn-b-l { float: left; width: 48%; margin: 8px auto; font-size: 1.10em}
    
    .bfn-b-r { float: right; width: 48%; margin: 8px auto; font-size: 1.10em }
    
    #ads-cxe-320 { margin-left: -50px;  }
    #ads-cxe-300 { margin: 0 0 0 -50px;  }
    
    #ads-cxe-300-v2 { float: left; margin-left: 10px; margin-right: 10px; }
    
    .cev-desc span { font-size: 2.0em; height: auto }
    
    .bs-int a { font-size: 1.2em; }
    
    .fnt-diap .fntc-r { font-size: 1.6em; font-family: "Exo", sans serif; padding-top: 10px; padding-left: 10px;   }    
  
}





@media (min-width: 760px) { /* Ipad Mini en Vertical*/
    
    #ban-pdh3 { display: none } /*Si no lo escondemos, la estructura se descompone y quedan cajas sueltas*/
    
    
    #fnp-int { border-bottom: none }

    
    /* Nav Bar Superior con Logo */
    #ic-logo { margin-left: 10px; }
    #navBarTop2 { font-size: 1.2em; }
    
    .header-columna { font-size: 2.2em }
    
    /* Caja Cuadro */
    #caja-cuadro-nadal, #caja-evol-nadal { font-size: 0.7em  }
    #caja-rankings-ppal { font-size: 0.7em  }
    .col-cuad span { line-height: 1.4em; }
    .col-cev span { line-height: 1.4em; }
    .col-cuad span .riv-thu { width: 46%; margin: 0 auto 4px auto; }
   
    
    /* Comentarios */
    #b-coments-home { font-size: 1.10em; }
    
    /* Videos Click-Motion */
    #last-click-motion h2 { font-size: 0.9em }
    .subt-ck-mot { padding: 14px }
    
    #ads-cxe-320 { margin-left: auto; margin-right: auto;  }
    #ads-cxe-300 { margin: 0 auto;  }
    
    /** Caja Hora Partido (Nueva) ****/
    #fhp-flex-bot .box-time { width:26%; }
    
    #fhp-flex-med { width: 99% }    
    .bt-vs { font-size: 1.00em }
    .head-previa h2 { font-size: 1.2em }
    
    #fhp-flex-caminos .f3 .l2 { width: 30%; margin-right: 12px; font-size: .9em; }
    #fhp-flex-caminos .f3 .r2 { width: 30%; margin-left: 12px; font-size: .9em; }
    #fhp-flex-caminos .f3 .c2 {
	width: 40%; text-align: center; color: #ffff6f; box-sizing: border-box; line-height: 1.3em; font-size: .9em;
	font-family: "Exo", sans serif;
    }    
    
    #fhp-col-3 .box-time#b-time-ppal { width: 49% }
    #fhp-col-3 .box-time#btime-hor-local { width: 49% }
    
        
    
    .bs-int a { font-size: 1.4em; }
    .bfn-buts2 { margin-top: 40px  }
    

}

@media (min-width: 860px) {
    
    #ban-pdh3 { display: block }
    
    BODY {
	/*background-image: url("https://www.rafanadalpartidoapartido.com/images/fondos-home/fondo-rafa-nadal-en-montreal-2015.jpg");
        background-size: contain;  background-repeat: no-repeat;*/
    }
    #bg {
	background-color: #dee6e9; position: fixed; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px; z-index: -3;
	background-image: url("https://www.rafanadalpartidoapartido.com/images/fondos-home/rafa-nadal-juega-masters-1000-montecarlo-2018-fondo-rnpap.jpg"); background-repeat: no-repeat;  background-size: cover;
    }    
    /* Nav Bar Superior con Logo */
    #ic-logo { float: left; width: 150px; margin: -6px 6px 0 0; z-index: 10000 }
    .ic-soc { width: 38px; margin: -20px 14px 0 0; }
    #navBarTop1 { margin-top: 40px  }
    #navBarTop2 {
	display: block; width: auto; max-width: 990px; border: 2px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid white; box-shadow: 0px 0px 8px 1px black;
	box-sizing: border-box; font-family: "Exo", sans serif; padding: 4px 14px; margin:4px auto;
	background-color: rgb(0, 119, 176); color: white; text-shadow: 1px 1px black; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    }
    #navBarTop2 a { display: inline; margin: 0 2% 0 0; border: none; color: white; text-decoration: none;   }
    
    #navBarTop2 a:hover { color: yellow;    }    
    
    #previa-rondas a { margin: 4px 8px;  }
    #col-1 {  width: 60%; -webkit-order: 1; order: 1; }
    #col-2 {  width: 32%; -webkit-order: 2; order: 2; }
      
    
    /*Titulares*/
    .b-fast-new { height: 200px; flex-direction: row; -webkit-flex-direction: row; align-items: stretch; }
    .bfn-l { width: 26%; margin: 0 2%; border-bottom: 2px solid white; }
    .bfn-img { width: 100%; margin: 0 auto  }
    .bfn-img-vid { width: 100%; margin: 36px auto 0 auto; -webkit-transform: scale(2.05, 2.05);-moz-transform: scale(2.05, 2.05); -ms-transform: scale(2.05, 2.05);
	-o-transform: scale(2.05, 2.05); transform: scale(2.05, 2.05);  }
    .bfn-r { width: 67%; height: auto; margin-left: 0; margin-right: 0; }
    .bfn-r h2 { line-height: 1.2em; font-size: 2.0em }
    .bfn-but-w { display: block; width: 40px; height: 26px; }
    .bfn-but-m { display: none }
    .bfn-com { float: left; position: relative; margin: -10px -10px 0 -8px;  }
    .bfn-r p { line-height: 1.4em; font-size: 1.3em }
    .bfn-img2 { float: left; width: 14%; margin: 0 8px 0 0  }    
    .bfn-f { padding: 12px; }
    h2.bfn-head { font-size: 1.8em; line-height: 1.3em;  }
    
    .bfn-inf2 {  border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; background-color: #f9facb; font-size: 0.9em; color: #555; text-shadow: 1px 1px white; padding: 1px 6px; box-sizing: border-box; margin-top: 6px  }
    
    .bt-zoom-iF {
	display: block; width: 100%; background-color: #888; border: 1px solid #444; margin: 8px auto 0 auto; padding: 3px 0;
	font-family: "Exo", sans serif; font-size: 1.30em; color: white; text-shadow: 1px 1px black; text-decoration: none;
	cursor: pointer; text-align: center;
    }
    .bt-zoom-iF:after { content: "ZOOM IMAGEN"; }

    .bt-zoom-iF img { margin: 0 4px -4px 0;  }
    
    .bt-zoom-iF:hover { background-color: #999; }
    
    .bfn-buts { width: 100%; display: block; margin: 10px auto; }

    
    #fap-int { font-size: 1.6em }    
    
    
    #intersFoto .iF-close:hover { opacity: 0.8 }
    
    #intersFoto .iF-close { width: 6% }
    
    
    .bfn-vid:hover { opacity: 0.9 }
    
    .bfn-vid-bar { font-size: 1.2em; }    
    
    /*Caja Hora Partido*/
    #b-hora-part-head h2 { text-align: center }
    #div-tu-hora { font-size: 3.8em }
    
    /* Caja Previa Partido */
    #franja-caja-part-stats { font-size: 1.0em }
    .marc-parc { margin: 4px 12px; }
    
    /* Caja Cuadro */
    #pre-cuad-nadal { font-size: 1.3em; }
    #caja-cuadro-nadal, #caja-evol-nadal { font-size: 0.8em  }
    #caja-rankings-ppal { font-size: 0.8em  }
    #caja-rankings-lat { font-size: 0.7em  }
    .col-cuad span { line-height: 1.2em; }
    .col-cev span { line-height: 1.2em; }
    .s-vis { width: 14%; float:right; margin-top: 0 }
    .col-cuad span:hover {
	border: 1px solid #444; position: relative; box-shadow: none; margin-left: -15%; cursor: default; font-size: 1.8em; position: relative; 
	-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10); -ms-transform: scale(1.10, 1.10); -o-transform: scale(1.10, 1.10); transform: scale(1.10, 1.10); 
    }
    .col-cuad span.vs-out, .col-cuad span:hover .vs-out {
	font-size: 0.8em; padding: 8px 0; box-sizing: border-box; background-color: #dff4ff; font-family: sans-serif; text-align: center;
	z-index: 10; border: none; border-top: 1px solid #ccc; color: black; text-shadow: 1px 1px white; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	width: 100%; margin: 8px auto -4px auto; position: relative; box-shadow: none; opacity: 1; box-shadow: none;
    }
    
    
    #navBarNot_y_Com { display: none }
    
    #col-1 {  width: 55%;  }
    #col-2 {  width: 37%;  }
    
    #c-hue-ad { width: 86% }
    
    
    
    /***** Caja Concurso Marcadores ****/
    #ban-concurso-marcadores { font-size: 1.60em }
    #caja-concurso-1 { width: 30%; }
    #caja-concurso-2 { width: 70%; }
    
    #b-web-recom { float: left; width: 55%; margin: 40px 0 0 18px }
    
    .big-but a { font-size: 1.10em }
    
    /* Videos Click-Motion */
    .vid-ck-mot { width: 32%; }
    
    .bfn-b-l, .bfn-b-r  { font-size: 1.20em }
    
    #fhp-flex-bot .box-time { width:32%; }
    #fhp-flex-caminos .box-time { font-size: 1.3em; }
    
    #fhp-flex-caminos .f3 .l2 { margin-right: 22px;  }
    #fhp-flex-caminos .f3 .r2 { margin-left: 22px; }    
        
}

@media (min-width: 920px) {
    /*#fhp-flex-bot .box-time { width:20%; }*/
    #col-1 {  width: 58%;  }
    #col-2 {  width: 34%;  }
}

@media (min-width: 960px) {
    
}

@media (min-width: 990px) {
    #col-1 {  width: 60%;  }
    #col-2 {  width: 32%;  }
    #b-web-recom { width: 60%;}
    
    /** Caja Hora Partido (Nueva) ****/
    #fhp-col-1 { width:28%; }
    #fhp-col-2 { width:34%; }
    #fhp-col-3 { width:36%; -webkit-flex-flow: column wrap; flex-flow: column wrap; }
    #fhp-col-3 .box-time { width: 99% }
    
    #fhp-col-3 .box-time#b-time-ppal { width: 99%; }
    #fhp-col-3 .box-time#btime-hor-local { width: 99% }
    
    #navBarTop2 { font-size: 1.3em  }
}