/*
THEME NAME: ROCAMORA 2026
THEME URI:
DESCRIPTION: ROCAMORA 2026 - D11 theme
VERSION: 3
AUTHOR: <a href="http://d11.com.uy">D11 - d11.com.uy</a>
AUTHOR URI:
TAGS: ROCAMORA 2026 - D11 theme
*/
@charset "utf-8";
/*	RESET  */
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, sub, sup, 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; 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: "";} ins {text-decoration: none; } del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} html, body {height: 100%;} th, h1, h2, h3, h4, h5, h6 { font-weight: normal;} label, button {cursor: pointer;} input[type='radio'], input[type='checkbox'] {position: relative; top: 2px; } input[type='text'], select, textarea {	font-size: inherit;} textarea {font-family: inherit; overflow: auto;} input:focus, select:focus, textarea:focus {background-color: #fffae5; } a:link, a:visited, a:hover, a:active {text-decoration: none;} object {outline: 0;} div.fondoTransparente {width: 100%; height: 100%;} div.fondoTransparente a {position: relative; z-index: 1;} .floatRight {float: right !important;} .floatLeft {float: left !important;} .clear {clear: both;} .autoClear:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .centrado {margin: 0 auto;} .oculto {display: none;} .pruebas {background: lime;} .bordeRojo {border: 1px solid red;} .bordeVerde {border: 1px solid lime;} .positd {position:relative; display:block; float:left;} .hide {display:none;}
/*	FIN RESET  */

/* FUENTE */
@font-face {
    font-family: 'alegreya_sansblack';
    src: url('font/alegreyasans-black-webfont.eot');
    src: url('font/alegreyasans-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-black-webfont.woff') format('woff'),
         url('font/alegreyasans-black-webfont.ttf') format('truetype'),
         url('font/alegreyasans-black-webfont.svg#alegreya_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansblack_italic';
    src: url('font/alegreyasans-blackitalic-webfont.eot');
    src: url('font/alegreyasans-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-blackitalic-webfont.woff') format('woff'),
         url('font/alegreyasans-blackitalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-blackitalic-webfont.svg#alegreya_sansblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansbold';
    src: url('font/alegreyasans-bold-webfont.eot');
    src: url('font/alegreyasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-bold-webfont.woff') format('woff'),
         url('font/alegreyasans-bold-webfont.ttf') format('truetype'),
         url('font/alegreyasans-bold-webfont.svg#alegreya_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansbold_italic';
    src: url('font/alegreyasans-bolditalic-webfont.eot');
    src: url('font/alegreyasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-bolditalic-webfont.woff') format('woff'),
         url('font/alegreyasans-bolditalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-bolditalic-webfont.svg#alegreya_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansextrabold';
    src: url('font/alegreyasans-extrabold-webfont.eot');
    src: url('font/alegreyasans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-extrabold-webfont.woff') format('woff'),
         url('font/alegreyasans-extrabold-webfont.ttf') format('truetype'),
         url('font/alegreyasans-extrabold-webfont.svg#alegreya_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansextrabold_italic';
    src: url('font/alegreyasans-extrabolditalic-webfont.eot');
    src: url('font/alegreyasans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-extrabolditalic-webfont.woff') format('woff'),
         url('font/alegreyasans-extrabolditalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-extrabolditalic-webfont.svg#alegreya_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansitalic';
    src: url('font/alegreyasans-italic-webfont.eot');
    src: url('font/alegreyasans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-italic-webfont.woff') format('woff'),
         url('font/alegreyasans-italic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-italic-webfont.svg#alegreya_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sanslight';
    src: url('font/alegreyasans-light-webfont.eot');
    src: url('font/alegreyasans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-light-webfont.woff') format('woff'),
         url('font/alegreyasans-light-webfont.ttf') format('truetype'),
         url('font/alegreyasans-light-webfont.svg#alegreya_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sanslight_italic';
    src: url('font/alegreyasans-lightitalic-webfont.eot');
    src: url('font/alegreyasans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-lightitalic-webfont.woff') format('woff'),
         url('font/alegreyasans-lightitalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-lightitalic-webfont.svg#alegreya_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansmedium';
    src: url('font/alegreyasans-medium-webfont.eot');
    src: url('font/alegreyasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-medium-webfont.woff') format('woff'),
         url('font/alegreyasans-medium-webfont.ttf') format('truetype'),
         url('font/alegreyasans-medium-webfont.svg#alegreya_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansmedium_italic';
    src: url('font/alegreyasans-mediumitalic-webfont.eot');
    src: url('font/alegreyasans-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-mediumitalic-webfont.woff') format('woff'),
         url('font/alegreyasans-mediumitalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-mediumitalic-webfont.svg#alegreya_sansmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansregular';
    src: url('font/alegreyasans-regular-webfont.eot');
    src: url('font/alegreyasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-regular-webfont.woff') format('woff'),
         url('font/alegreyasans-regular-webfont.ttf') format('truetype'),
         url('font/alegreyasans-regular-webfont.svg#alegreya_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansthin';
    src: url('font/alegreyasans-thin-webfont.eot');
    src: url('font/alegreyasans-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-thin-webfont.woff') format('woff'),
         url('font/alegreyasans-thin-webfont.ttf') format('truetype'),
         url('font/alegreyasans-thin-webfont.svg#alegreya_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sansthin_italic';
    src: url('font/alegreyasans-thinitalic-webfont.eot');
    src: url('font/alegreyasans-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alegreyasans-thinitalic-webfont.woff') format('woff'),
         url('font/alegreyasans-thinitalic-webfont.ttf') format('truetype'),
         url('font/alegreyasans-thinitalic-webfont.svg#alegreya_sansthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*	GENERAL */
body {
	font-family: 'alegreya_sansregular', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-size: x-small;
	margin-top:0px;
	padding-top:0px;
	color: #6d6e71;
}
::-moz-selection {
	background:#EFC226;
	color:#FFFFFF;
}
::selection {
	background:#EFC226;
	color:#FFFFFF;
}
.center ul li a, .center ul li a img, .menu-principal li ul li a, .submenu li a, input, select, textarea, .wpcf7-submit, .menu-principal a, .menu-principal li, .menu-principal li ul li, .d11, .prevnext-container .prev a, .prevnext-container .next a {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

#menu-control-btn-container {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

#menu-control-btn.menu-control {
  cursor:auto!important;
}
#menu-control-btn-container {
  display:block;
  height:auto;
  width:100%;
  position:fixed;
  z-index: 150;
  background-color: rgba(0, 0, 0, 0.8);
  top:0px;
  padding-bottom:6px;
  padding-top: 15px;
}
/*	ENDS GENERAL  */
/* HEADER */
.header {
	display:block;
	width:276px;
	min-height:212px;
	height:auto;
	background-color:rgba(0, 0, 0, 0.8);
	margin:20px 0 20px 20px;
	position:relative;
	position:fixed;
	float:left;
	padding-bottom:40px;
}
.logo {
	display:block;
	float:left;
	margin:86px 0 0 40px;
	position:relative;
}
.logo .guille {
	color:#efc226;
	font-size:3.35em;
	font-family: 'alegreya_sansregular', Arial, sans-serif;
	float:left;
	clear:both;
	margin:0 0 0 3px;
}
.logo .roca {
	color:#FFFFFF;
	font-size:3.9em;
	font-family: 'alegreya_sansmedium', Arial, sans-serif;
	float:left;
	clear:both;
	margin:0;
	line-height: 0.85em;
}
.logo .fm {
	color:#9f9e9e;
	font-size:1.82em;
	font-family: 'alegreya_sansregular', Arial, sans-serif;
	float:left;
	clear:both;
	margin:3px 0 0 2px;
	line-height:1.2em;
}
.menu-control, .btn2 {
	display:block;
	height:17px;
	width:23px;
	background-image: url(img/menu.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	cursor:pointer;
	float:right;
	clear:both;
	margin:18px 38px 0 0;
	position:relative;
}
.nav, .nav2 {
	float:left;
	clear:both;
	margin:39px 0 0 40px;
	position:relative;
	width:195px;
  display:block;
}
#home .nav, #home .nav2 {
  display:none;
}
.menu-principal {
	float:left;
	clear:both;
	width:193px;
}
.menu-principal li a, .menu-principal li .current {
	font-size:2.8em;
	display:block;
	height:40px;
	padding:6px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	float:left;
	clear:both;
	width:193px;
	text-align:right;
	color:#FFFFFF;
}
.menu-principal li ul {
	display:block;
}
.menu-principal li ul li a, .submenu li a.current{
	font-size:1.7em;
	display:block;
	height:auto;
	padding:1px 0 2px 0;
	border:none;
	float:left;
	clear:both;
	width:193px;
	text-align:right;
	color:#FFFFFF;
	margin-bottom:6px;
}
.menu-principal a:hover, .menu-principal li .current, .menu-principal li ul li.current, .submenu li a.current {
	color:#efc226;
}
.d11 {
	float:left;
	width:188px;
	margin-top:120px;
	color:#9f9e9e;
	font-size:1.15em;
}
.d11:hover {
	color:#efc226;
}
/* FIN HEADER */
/* CENTER */
.center {
	background-color:#FFFFFF;
	display:block;
	margin:20px 20px 20px 316px;
	position:relative;
	float:left;
	display:block;
	width:auto;
	padding:142px 0px 50px 53px;
}
.center h2 {
	font-size:3.5em;
	clear:both;
	color:#000000;
	width:auto;
}
.center ul {
	clear:both;
	margin-top:22px;
	display:block;
	wiidth:auto;
}
.center ul li {
	position:relative;
	float:left;
	display:block;
	width:348px;
	height:320px;
	padding-bottom:0px;
	margin:0 45px 40px 0;
}
.center ul li a {
	display:block;
	padding-bottom:15px;
	height:315px;
}
.center ul li h6 {
	font-family: 'alegreya_sansbold', Arial, sans-serif;
	color:#000000;
	font-size:2.0em;
	margin:17px 0 0 9px;
}
.center ul li p {
	color:#000000;
	font-size:1.5em;
	margin:9px 0 0 9px;
	line-height:1.2em;
}
.center ul li a:hover {
	background-color:#EFC226;
}
.center ul li a:hover img {
	opacity:0.9;
}
/* FIN CENTER */
/* BIO WORK CONTACT */
.center-small {
	width:728px;
	padding-right:50px;
	min-height:500px;
}
.center-small p {
	color:#000000;
	font-size:1.5em;
	margin:17px 0 0 0;
	line-height:1.2em;
}
.center-small h2 {
	text-transform: uppercase;
}
.center-small iframe {
	margin:23px 0 12px 0;
}
.video-container {
	max-width:721px;
}
.prevnext-container {
	display:block;
	width:100%;
	border-top:solid #000000 1px;
	margin-top:48px;
}
.prevnext-container .prev a, .prevnext-container .next a {
	font-family: 'alegreya_sansbold', Arial, sans-serif;
	color:#000000;
	font-size:1.8em;
	margin:15px 0 0 0;
}
.prevnext-container .prev a:hover, .prevnext-container .next a:hover {
	color:#EFC226;
}
.prevnext-container .prev a {
	float:left;
}
.prevnext-container .next a {
	float:right;
}
.center-small p img {
	margin:0 0 12px 12px;
	float:right;
}
/* form */
.wpcf7-submit {
	display:block;
	color:#FFFFFF;
	background-color:#5d5d5d;
	font-family: 'alegreya_sansregular';
	font-size:19px;
	border:none;
	cursor:pointer;
	height:auto;
	width:96px;
	padding:1px 15px 5px 15px;

}
.wpcf7-submit:hover {
	background-color:#EFC226;
}
.wpcf7-textarea {
	background-color:#dfdfdf;
	border:none;
	width:370px;
	height:110px;
	padding:5px;
	font-size:19px!important;
	font-family: 'alegreya_sansregular';
	margin-top:2px;
}
.wpcf7-text {
	background-color:#dfdfdf;
	border:none;
	width:370px;
	height:25px;
	padding:5px;
	font-size:18px!important;
	font-family: 'alegreya_sansregular';
	margin-top:2px;
}
.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-submit:focus {
	background-color:#EFC226;
}
.formtext {
	font-size:18px!important;
	font-family: 'alegreya_sansregular';
	margin-top:5px!important;
}
.formtext-send {
	margin-top:14px!important;
}
.wpcf7-not-valid-tip {
	color:#d37f12;
	font-size:18px!important;
	margin-left:10px;
}
.wpcf7-validation-errors {
	color:#d37f12;
	font-size:18px!important;
	margin-top:10px;
}
/* end form */
/* BIO WORK CONTACT */

/* end buscador */
@media screen and (max-width: 1200px) {
.center-small {
	width:550px;
}
}
@media screen and (max-width: 1000px) {
body, div {
  box-sizing:border-box;
}
.center-small {
	width:450px;
}

.header {
    width: 100%;
    min-height: auto;
    height: auto;
    margin: 0;
    position: relative;
    float: left;
    padding-bottom: 20px;
    z-index: 100;
}
.logo {
    margin: 20px 0 0 20px;
}
.menu-control, .btn2 {
    display: block;
    height: 17px;
    width: 23px;
    background-image: url(img/menu.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    cursor: pointer;
    float: left;
    clear: both;
    margin: 10px 38px 0 20px;
    position: relative;
}
.nav, .nav2 {
  display:none;
  margin: 39px 0 0 25px;
}
.center {
    margin: 0px;
    width: 100%!important;
    padding: 30px 20px 20px 20px;
    max-width: 100%;
}
.center ul li a img, .center ul li {
  max-width: 100%!important;
}
#menu-control-btn.menu-control, .btn2 {
  cursor:pointer!important;
}
.muestro-menu {
  display:block!important;
}

}
@media screen and (max-width: 880px) {
.center-small {
	width:350px;
}
}
@media screen and (max-width: 780px) {
.center-small {
	width:250px;
}
.wpcf7-text, .wpcf7-textarea {
	width:250px;
}
.center-small p img {
	display:none;
}
.center-small p img.guillefoto {
	display:block;
	width:100%;
	height:auto;
}
}
/* END Media Queries */