/*
Theme Name: City Dreams
Theme URI: http://www.amypink.com
Version: 1.0
Description: The Official 2208 AMY & PINK Design.
Author: Marcel Winatschek
Author URI: http://www.amypink.com
*/

* {
border : 0 solid #eee;
list-style : none;
padding : 0;
margin : 0;
outline: 0;
}
html, body, #wrap, #bg table, #bg td {
width : 100%;
height : 100%;
overflow : hidden;
}
body {
font : 13px "Helvetica Neue", "Helvetica", Arial, sans-serif;
background-color : #fafafc;
cursor : default;
color : #000;
}
a, a * {
cursor : pointer;
text-decoration : none;
color : #999;
outline : 0;
}

a:hover {
cursor : pointer;
text-decoration : underline;
color : #444;
outline : 0;
}

/* common styling */
.menu {width:100%; height:auto; position:absolute; font-size:12px; z-index:100; background-color:#fff;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#444; border:1px solid #fff; background:#fff; line-height:20px; font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#444;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#444; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#000; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}





/*CÍRCULO ROJO*/

.more-link {}
.controls {margin:15px 0 0;}

#sidebar {float:left; display:inline; width:250px; margin-top:140px; color:#fff; position:absolute; z-index:999;}
.widgettitle {color:#fff; background-color:#999; padding:2px;}
.twtr-hd {display:none;}
.twtr-ft {display:none;}
.social {float:right; display:inline; z-index:80; position:relative; margin:0 15px 0 0; width:175px; padding:2px; background-color:#fff; top:50px;}
.social ul li, .social ol li  {display:inline; float:left;}

.social ol {margin:15px 0; float:right;}

a#btn_social {}
a#btn_social:hover {background-color:#ccc;}

a#btn_belart, a#btn_mobimento, a#btn_osty, a#btn_optimiza, a#btn_simauria, a#btn_tmtfactory, a#btn_viscoform  {
display:block;
width:175px;
height:54px; /* aquí está el tema, you know or what */
text-indent:-9999px;
}

a#btn_belart:hover, a#btn_mobimento:hover, a#btn_osty:hover, a#btn_optimiza:hover, a#btn_simauria:hover, a#btn_tmtfactory:hover, a#btn_viscoform:hover {background-position:0 -54px;}

a#btn_belart {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/belart.png) top left no-repeat;}
a#btn_mobimento {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/mobimento.png) top left no-repeat;}
a#btn_osty {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/osty.png) top left no-repeat;}
a#btn_optimiza {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/optimiza.png) top left no-repeat;}
a#btn_simauria {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/simauria.png) top left no-repeat;}
a#btn_tmtfactory {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/tmtfactory.png) top left no-repeat;}
a#btn_viscoform {background:url(http://www.oscarcasasnovas.com/img/patrocinadores/viscoform.png) top left no-repeat;}

#videoDestacado {padding:10px; margin:10px 0 15px 10px; background-color:#fff;}
#video {margin:10px 0 0;}


.frase {font-style:italic; font-size:15px; color:#444; line-height:1.2em; padding:0; margin:0 0 5px 0; display:block;}
.autor {font-weight:bold; font-size:12px; color:#444; padding:0; margin:0;}

input, textarea {font: 13px "Helvetica Neue", "Helvetica", Arial, sans-serif; border-left:3px solid #444; padding:2px; color:#666; background-color:#eee;}

input {}
textarea {}

#commentform input, #commentform textarea {margin:2px 2px 2px 0; border-right:1px dotted #444;}
#search input {border-right:1px dotted #444; width:350px;}

h3 a {color:#000; text-decoration:none;}
h3 a:hover {color:#444; text-decoration:none;}

.wp-polls-form {margin:0 0 0 -30px;}
span.wpcf7-not-valid-tip-no-ajax {font-size:11px!important;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {border:none!important; font-size:12px!important;}
div.wpcf7-response-output {margin:0!important; padding:0!important;}

.wpcf7 input, .wpcf7 textarea {margin:2px 2px 2px 0; border-right:1px dotted #444; width:350px;}
.inputContacto {border:none; margin-top:15px;}
.inputContacto input {width:auto;}
.simplepie ol li {margin:0 0 15px 0; list-style:square; font-size:12px;}
.gde-text {margin:15px 0 0;}
.flickr-thumb {float:left; display:inline; padding:0; margin:5px 3px 5px 0;border:2px solid #fff;}
.flickr-thumb:hover {float:left; display:inline; padding:0; margin:5px 3px 5px 0; border:2px solid #444;}
.flickr-thumb img {margin-bottom:0!important;}
.flickr-gallery {padding:20px 0!important;}
#blog p {margin:0 0 15px;}

/*CÍRCULO ROJO*/


h1, h2, h4, h5, h3 span {
font-size : 100%;
font-weight : normal;
}
h2 {
font-size : 60px;
margin-bottom : 10px;
color : #fff;
}
#bg a, #bg img, h1 a, .menu #menu, #menu li.cur ul, #menu ul li.cur ul li.cur ul, h3 span, .block, #float.nxt, #float.prv, #feed p {
display : block;
}
#menu ul, h3, .sml div, #photos a, #feed h5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
#float {
display : none;
}
h1 a, h1 a b, #menu a, .block, h3, h3 span, #photos a {
text-decoration : none;
}
h3 span, #beijing, #traveling, #float, #photos a, #pack h2, #tips h2, #activities.bej h2 {
color : #fff;
}
#menu h1 a, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2 {
text-align : right;
}
#bg, #wrap, .box, h1, h3 span, #photos, #photos img, #float {
position : absolute;
left : 0;
}
#bg {
width : 200%;
height : 200%;
top : -50%;
left : -50%;
}
#bg td {
vertical-align : middle;
text-align : center;
}
#bg img {
min-height : 50%;
min-width : 50%;
margin : 0 auto;
}
#wrap {
top : 0;
width : 100%;
height : 100%;
overflow : auto;
z-index : 70;
}
#menu div {
z-index : 81;
width : 100%;
top : 0;
height : 100%;
background : #c2cde3;
opacity:0.6;
filter:alpha(opacity=70);
}
#feed div {
height : 0;
overflow : hidden;
padding : 0;
}
#feed h5, #feed p {
padding : 15px 0 25px 0;
border-top-width : 1px;
width : 440px;
}
#feed h5 {
text-transform : uppercase;
padding : 0 5px;
cursor : pointer;
line-height : 20px;
height : 20px;
font-weight : bold;
width : 430px;
}
#menu {
top : 30px;
z-index : 80;
position:absolute;

}
h1 {
/*left : -161px;*/
top : 0;
}


h3 {
border-bottom-width : 1px;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 30px 30px 10px 30px;
margin : 0 -30px 10px -30px;
}
h3 span {
left : auto;
right : 630px;
top : 29px;
background : #444;
text-align : center;
padding : 0 5px;
white-space : nowrap;
}
a:hover h3 {
}
.box {
top : 20%;
left : 200px;
padding-bottom : 100px;
}
.box div {
background : #fff;
padding : 20px 30px;
}
.sml {
width : 620px;
left : 120px;
}
.sml div {
font-size : 12px;
line-height : 18px;
}
.sml img {
margin-bottom : 1em;
display : block;
}
.sml h2 {
font-size : 40px;
}
#shanghai, #beijing {
left : auto;
right : 120px;
top : 20%;
}
#blog, #photos, #pack, #tips, #intro.sml, #activities {
left : auto;
right : 200px;
top:50px;
}
#blog div, #intro div, #activities div {
padding-top : 0;
padding-bottom : 30px;
}
.sml, #beijing, #pack {
/*top : 15%;*/
top:0;
}
#photos {
z-index : 90;
bottom : 41px;
right : 40px;
height : 20px;
overflow : hidden;
}
#photos a, #float {
z-index : 90;
height : 20px;
line-height : 20px;
text-align : center;
width : 40px;
background : #000 url(images/gal.gif) no-repeat -6px 5px;
cursor : pointer;
}
#photos a {
width : 20px;
float : left;
margin-left : 1px;
background : #000;
font-weight : bold;
}
#photos a:hover, #photos a.cur {
background : #fff;
color : #000;
}
#photos img {
bottom : -9999px;
}
#float.nxt {
background-position : -16px 5px;
}
#float.prv {
background-position : 7px 5px;
}