body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #b8babb; text-align: center; background-color: #000; }
a img { border: none; }
a, a:visited { color: #B8BABB; text-decoration: none; outline: none; }
a:hover { color: #fff; text-decoration: none; }
p { margin: 0 0 1em 0; padding: 0; line-height: 160%; }
ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; line-height: 0%; }
ul li { margin: 0; padding: 0; line-height: normal; }
ol { margin: 0 0 1em 19px; padding: 0; }
* html ol { margin: 0 0 1em 23px; padding: 0; }
ol li { padding: 0 0 5px 0; }
form, table, input, textarea, dl, dt, dd { margin: 0; padding: 0; }
table { border-collapse: collapse; border: 0; width: 100%; }
blockquote { margin: 0 0 1em 0; padding: 15px 20px 0 20px; border: 1px solid #333; background: #222; }
blockquote a, blockquote a:visited { text-decoration: underline; }
pre { border: 1px solid #333; background: #222; padding: 10px 20px; margin: 0 0 1em 0; overflow: auto; }
object { display: block; margin: 0 auto; }
.wp-caption-text { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin-left: auto; margin-right: auto; }
.centered { margin-left: auto; margin-right: auto; }
.clear { clear: both; }
@font-face { font-family: 'MetrophobicRegular'; src: url('fontface/Metrophobic-webfont.eot'); src: url('fontface/Metrophobic-webfont.eot?#iefix') format('embedded-opentype'),  url('fontface/Metrophobic-webfont.woff') format('woff'),  url('fontface/Metrophobic-webfont.ttf') format('truetype'),  url('fontface/Metrophobic-webfont.svg#MetrophobicRegular') format('svg'); font-weight: normal; font-style: normal; }
/*  ------ layout ------------------------ */







#wrapper { background-color: #000; background-image: url(img/backtopbody.jpg); background-repeat: repeat-x; background-position: top; }
#contents { width: 959px; margin: 0 auto; text-align: left; }
#header {
no-repeat bottom; height: 147px; background-image: url(img/logo.png); background-repeat: no-repeat; background-position: center 5px; background-size:600px; }
#middle-contents {
repeat-y; padding-bottom: 50px; }




#footer { height: 139px; /*background-image: url(img/backbody.png);*/

background-repeat: repeat; }
#footercontent { width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#footerleft { float: left; height: 60px; padding-top: 60px; text-align: left; width: 500px; }
#footerright { height: 60px; padding-top: 55px; width: 460px; float: right; }
#pixelatelier { background-image: url(img/pixelatelier.png); background-repeat: no-repeat; height: 29px; width: 104px; float: right; }
#footerleft p { font-size: 12px; color: #646363; }
#footermail { background-image: url(img/mailxtreme.png); background-repeat: no-repeat; height: 44px; width: 44px; float: right; }
#footertwitter { background-image: url(img/twitterxtreme.png); background-repeat: no-repeat; height: 44px; width: 44px; float: right; }
#footerfacebook { background-image: url(img/facebookxtreme.png); background-repeat: no-repeat; height: 44px; width: 44px; float: right; }
#footermail:hover, #footertwitter:hover, #footerfacebook:hover { background-position: 0px -43px; }







#return_top a { position: absolute; position: fixed; right: 0; bottom: 15px; display: block; height: 138px; width: 38px; background: url(img/return-top.png) no-repeat left top; }
#return_top a:hover { background: url(img/return-top.png) no-repeat right top; text-decoration: none; }
/*  ------ archive ------------- */



.archive, .search-page { margin: 25px 0 25px 30px; border-left: 3px solid #555; padding-left: 10px; }
.archive h2, .search-page h2 { font-size: 14px; color: #fff; margin: 0 0 3px 0; display: block; line-height: 120%; font-weight: normal; padding: 0; }
.archive p, .search-page p { font-size: 12px; }
.read-more { padding: 0 0 0 0; }
/* ------ page navi -------------- */



.page-navi, .next-previous-navi { margin: 50px 0 25px 30px; }
#comment-pager { margin: 20px 0 0 0; }
.page-navi li { line-height: 0%; display: block; float: left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,  .page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots { font-size: 11px; line-height: 100%; margin: 0 -1px 25px 0; padding: 2px 14px; display: block; float: left; border-right: 1px solid #555; border-left: 1px solid #555; }
.page-navi span.current { color: #81c8d5; background: url(img/arrow8.gif) no-repeat center bottom; padding-bottom: 10px; border: none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left: none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right: none; }
#previous-page a, #previous-page a:visited { float: left; display: inline; margin: 5px 0 10px 5px; height: 22px; padding: 7px 0 0 40px; background: url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background: url(img/arrow2.gif) no-repeat left bottom; text-decoration: none; }
#next-page a, #next-page a:visited { float: right; display: inline; margin: 5px 0 10px 0; height: 22px; padding: 7px 40px 0 0; background: url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background: url(img/arrow3.gif) no-repeat right bottom; text-decoration: none; }
/*  ------ header for category/archive/search/...etc  ------------- */







.common-navi-wrapper { background: url(img/archive-top.gif) no-repeat right top; padding: 13px 0 0 0; width: 585px; margin: 70px 0 0; }
.common-navi-wrapper p { background: url(img/archive-bottom.gif) no-repeat right bottom; padding: 0 10px 10px 32px; margin: 0; line-height: 140%; }
#archve-title { margin: 0 0 0 13px; }
#search-hit { }
/*  ------ page widthout side ------------------------ */



#no-side { padding: 10px 0; }
#no-side .post { margin: 0 40px 20px 40px; }
#footer-noside { background: url(img/bottom-noside.png) no-repeat top; height: 114px; margin-bottom: 50px; }
/*  ------ header-menu ------------------------ */







.header-menu-wrapper { padding-top: 95px; /*height:30px;*/

	

}
.menu { float: left; font-size: 16px; height: 35px; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 75px !important; }
.menu, .menu ul { line-height: 1; margin: 0; padding: 0; }
.menu li { position: relative; float: left; height: 35px; padding: 0 18px; z-index: 100; }
.menu li.first_menu { border: none; }
.menu ul li { height: auto; border-left: none; padding: 0; left: auto; }
.menu #header-menu-home { border: none; }
.menu a, .menu a:visited { color: #FFFFFF; display: block; line-height: 40px; padding: 0 15px; position: relative; top: 5px; }
.menu a:hover { color: #face28; text-decoration: none;/*border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #face28;*/

}
.menu ul { position: absolute; top: 52px; left: 0; display: none; opacity: 0; width: 200px; }
.menu ul a, .menu ul a:visited { background: #000; line-height: 140%; padding: 9px 30px 8px; border: 1px solid #222; width: 128px; margin: -1px 0 0 0; }
.menu ul a:hover { background: #222; border-bottom: 1px solid #222; }
.menu ul ul { margin: -34px 0 0 189px; top: 34px; }
.menu .current_page_item a, .menu .current_page_item a:visited,  .menu .current-cat a, .menu .current-cat a:visited,  .menu .current-menu-item a, .menu .current-menu-item a:visited { color: #face28;/*border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #face28;*/

}
.menu .current_page_item a:hover,  .menu .current-cat a:hover,  .menu .current-menu-item a:hover { color: #face28; /*border-bottom:2px solid #face28;*/

text-decoration: none; }
.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover,  .menu .current-cat ul a, .menu .current-cat ul a:visited, .menu .current-cat ul a:hover,  .menu .current-menu-item ul a, .menu .current-menu-item ul a:visited, .menu .current-menu-item ul a:hover { border-bottom: 1px solid #373737; }
.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background: #000 url(img/arrow1.gif) no-repeat 170px 15px; }
.menu ul .parent_menu > a:hover { background: #222 url(img/arrow1.gif) no-repeat 170px 15px; }
/* ---------- clearfix hack ---------- */



.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/



* html .clearfix { height: 1% }
/*.clearfix {display:block;}*/



/* end MacIE5 */







/* ---------- Lo nuevo  ---------- */



#bannerlonuevo { height: 80px; }
#bannerlonuevo h1 { font-size: 50px; color: #FACE28; float: left; line-height: 0px; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; }
#bannerlonuevo p { float: right; font-size: 14px; height: 240px; line-height: 22px; width: 472px; padding-top: 18px; color: #fff; }
/* ------- videoind ----- */



#videoind { width: 950px; /*min-height:900px;*/

}
#videoind h2 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 10px; margin-bottom: 30px; margin-top: 20px; padding-top: 0; }
#videoind h3 { color: #FFFFFF; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 16px; margin-bottom: 15px; margin-top: 20px; padding-top: 0; }
#videoindleft { float: left; width: 780px; }
#videoindright { float: left; height: 410px; padding-top: 22px; width: 170px; }
#videoindright h3 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 0px; margin-top: 0px !important; }
#videoindright p { font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; line-height: 18px; }
#videotop { height: 540px; width: 960px; }
#videobottom { /*height: 200px;*/

width: 960px; }
#videobottom img:hover { border: 1px solid #fff; }
/* ------- carrusel home ----- */

			

			

.postcliphome { width: 960px; /*height: 500px;*/

margin-bottom: 80px; }
.list_carousel { /*background-color: #000;

				margin: 0 0 30px 60px;

				width: 800px;*/

}
.postcliphome img { margin-bottom: 10px !important; }
.postcliphome a { margin: 0px !important; }
.clipleft { float: left!important; width: 610px; text-align: right; /*height:300px;*/

}
.clipleft h2 { font-size: 35px; color: #FFF; line-height: 30px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.clipleft h3 { font-size: 27px; color: #FFF; line-height: 22px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.clipright { float: right !important; width: 330px; }
.clipright h2 { font-size: 18px; color: #9F9F9F; line-height: 18px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.clipright h3 { font-size: 14px; color: #FFF; line-height: 18px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
/*#directores .cs-buttons {

    float: right !important;

    font-size: 0;

    outline: medium none !important;

    padding: 10px;

    position: relative !important;

    right: 230px;

    top: 0;

}



#directores .cs-buttons a {

  

    height: 10px !important;

    margin-left: 5px !important;

    width: 10px !important;

}













#directores{margin-left:10px;}



#directores h3 {

	font-size: 36px;

	color: #face28;

	padding-bottom: 20px;

}





#directores .cs-prev, #migui .cs-next {

	display:none !important;

    background: none repeat scroll 0 0 #222222 !important;

    border-radius: 5px 5px 5px 5px;

    color: #FFFFFF !important;

    font-family: "Courier New",Courier,monospace;

    font-size: 28px !important;

    font-weight: bold;

    padding: 0 10px !important;

}*/











/* ---------- directores --- */ 



#blank { width: 960px; }
#directores { margin-left: 50px; min-height: 500px; width: 940px; }
.directoresind { float: left; height: 150px; /* margin: 0 160px 30px 0;*/

padding: 0; width: 460px; }
.directoresimg { width: 460px; }
.directoresind h2 { text-transform: uppercase; color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 10px; margin-top: 20px; padding-top: 0; }
.directoresind img { padding: 0px; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #616161; }
.directoresind img:hover { border: 1px solid #fff; }
#social { left: 10px; position: relative; top: 132px; }
#social h2 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0 !important; }
/* --------- video 2 */

.image_carousel { padding: 1px 0 1px 0px; position: relative; }
.image_carousel img { border: 1px solid #666; background-color: white; /*padding: 9px;*/

margin: 2px; display: block; float: left; }
a.prev, a.next { background: url(img/botonescarrusel.png) no-repeat transparent; width: 45px; height: 50px; display: block; position: absolute; top: 85px; }
a.prev { left: 810px; top: 30px; background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important; }
a.next { right: 80px; top: 30px; background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }
a.next.disabled { background-position: -50px -100px !important; }
a.prev.disabled, a.next.disabled { cursor: default; }
a.prev span, a.next span { display: none; }
.pagination { text-align: center; }
.pagination a { background: url(img/botonescarrusel.png) 0 -300px no-repeat transparent; width: 15px; height: 15px; margin: 0 5px 0 0; display: inline-block; }
.pagination a.selected { background-position: -25px -300px; cursor: default; }
.pagination a span { display: none; }
.clearfix { float: none; clear: both; }
#redestop { height: 60px; padding-right: 0; }
#fotogaleria { width: 960px; height: 650px; margin-left: 35px; }
#fotogaleria h2 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 10px; margin-bottom: 10px; margin-top: 15px; padding-top: 0; }
#iframefotos { margin-right: auto; margin-bottom: 20px; margin-left: auto; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; }
.galeria { border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; }
#wrapper2 { height: 500px; margin: 0; padding: 0; }
#fotografos h2 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 20px; margin-bottom: 10px; margin-top: 20px; padding-top: 0; text-transform: uppercase; }
.fotografosind { float: left; height: 475px; /* margin-left: 80px;*/

padding: 0; text-align: center; width: 450px; }
.construccion { font-size: 40px; text-align: center; margin-top: 30px; color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; }
/* ---------------- contacto ----------- */



#contacto { padding-top: 20px; }
#contactoleft { float: left; margin-left: 107px; padding-right: 10px; padding-top: 10px; width: 400px; }
#contactoleftright { float: left; width: 350px; margin-right: 0px; }
#contactoright { float: left; padding-top: 10px;	/*width:400px;*/ }
#contacto h1 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 20px; margin-bottom: 10px; margin-top: 20px; padding-top: 0; text-transform: uppercase; }
#contacto h2 { color: #FFFFFF; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#contacto p, #contacto a { line-height: 16px; margin: 0px; }
/* ---------------- galeria 2 ----------- */



#ccgallery menu { display: none !important; }
#listWrapper { display: none !important; }
.reelsolotitle { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 10px; margin-bottom: 30px; margin-top: 20px; padding-top: 0; }
#ccmain { text-align: center; }
#ccmain #overlay { background-clip: padding-box; background-color: #000 !important; background-image: #000 !important; border-radius: 5px 5px 5px 5px; display: none; left: 50%; padding: 20px; position: absolute; z-index: 1001; }
/* ---------------- nosotros ----------- */



#nosotros { width: 960px; height: 1672px; padding-top: 20px; background-image: url(img/nosotorsxtreme.jpg); background-repeat: no-repeat; }
#nosotros h1 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 10px; margin-top: 20px; padding-top: 0; text-transform: uppercase; }
#nosotrostop { height: 238px; }
#nosotrostop img { float: left; margin-right: 20px; margin-left: 30px; margin-top: 5px; border: none !important; }
#nosotrostoptexto { float: left; margin-top: 0px; width: 492px; }
#nosotrostop p { margin-bottom: 10px; }
#nosotrosbottom { }
/* ---------------- imageflowtest ----------- */

/*#imageflowtestin {position:relative; margin-top:50px; margin-bottom: -50px;}*/

.imageflow { width: 960px !important; height: 600px !important; }
#imageflowtestin h1 { color: #FACE28; font-family: "MetrophobicRegular", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 10px; margin-bottom: 20px; margin-top: 15px; padding-top: 0; padding-bottom: 20px; }
 @media screen, projection {
.imageflow { overflow: hidden; position: relative; text-align: left; visibility: hidden; width: 100% }
.imageflow img { border: none; position: absolute; top: 0px!important; visibility: hidden; -ms-interpolation-mode: bicubic; margin-right: 10px; }
.imageflow p { margin: 0 auto; text-align: center }
.imageflow .loading { border: 1px solid white; height: 15px; left: 50%; margin-left: -106px; padding: 5px; position: relative; visibility: visible; width: 200px }
.imageflow .loading_bar { background: #fff; height: 15px; visibility: visible; width: 1% }
.imageflow .navigation { z-index: 10000 }
.imageflow .caption { font-weight: bold; position: relative; text-align: center; z-index: 10001 }
.imageflow .scrollbar { border-bottom: 1px solid #b3b3b3; position: relative; visibility: hidden; z-index: 10002; height: 1px }
.imageflow .slider { background: url(img/slider.png) no-repeat; height: 14px; margin: -6px 0 0 -7px; position: absolute; width: 14px; z-index: 10003 }
.imageflow .slideshow { cursor: pointer; height: 14px; margin: 20px 0 0 20px; position: absolute; width: 14px; z-index: 10003 }
.imageflow .slideshow.pause { background: url(img/button_pause.png) no-repeat }
.imageflow .slideshow.play { background: url(img/button_play.png) no-repeat }
.imageflow .images { overflow: hidden; white-space: nowrap }
.imageflow .button { cursor: pointer; height: 17px; position: relative; width: 17px }
.imageflow .previous { background: url(img/button_left.png) top left no-repeat; float: left; margin: -7px 0 0 -30px }
.imageflow .next { background: url(img/button_right.png) top left no-repeat; float: right; margin: -7px -30px 0 30px }
}