/*
Theme Name: Observa
Theme URI: http://onestic.com/
Description: Tema para Observa Producciones
Version: 1.0
Author: Onestic
Author URI: http://onestic.com/
Template: on-blank-theme
*/

@import url("../on-blank-theme/style.css");
/*** CORRECCIONES TEMPLATE ***/
blockquote {
	border-left:none;
	margin:0;
	padding-left:0;
}	
/*** FIN CORRECCIONES TEMPLATE ***/
/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(images/bgr.gif) #000000 top repeat-x;
	color: #666666;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #ec6114;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 3px
}
li{
	list-style: none
}
h2{
	color: #222222;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 .5em
}
h3{
	color: #ec6114;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 .2em
}
h4{
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 .8em
}
p{
	line-height: 1.5em;
	padding: 0 0 1.5em
}
/*=== Layout ===*/
#page{
	background: url(images/page-bgr.png) repeat-y;
	margin: 0 auto;
	padding: 0 21px;
	width: 952px
}
#page-top, #page-bot{
	height: 24px;
	margin: 0 auto;
	overflow: hidden;
	width: 994px
}
#page-top{
	background: url(images/page-top.png) top no-repeat
}
#page-bot{
	background: url(images/page-bot.png) top no-repeat;
	height: 21px
}
/*=== Header ===*/
#header{
	background: url(images/header-bgr.png) top no-repeat;
	height: 98px;
	margin: 0 auto;
	padding: 17px 0 0;
	width: 960px
}
.header-banner{
	background: url(images/header-banner.gif) top no-repeat;
	color: #ffffff;
	float: right;
	font-size: 20px;
	height: 57px;
	line-height: 19px;
	overflow: hidden;
	padding: 27px 0 0 15px;
	width: 195px
}
.header-banner a{
	color: #ffffff;
	display: block;
	padding: 0 0 10px
}
.header-banner a:hover{
	color: #ffe0cf;
	text-decoration: none
}
/*- Logo -*/
#header h1, #header h2{
	background: url(images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 440px
}
#header h2{
        font-size:1em;
        font-weight:normal;
        margin:0;
}
#header h1 a, #header h2 a{
	display: block;
	height: 95px;
	text-decoration: none
}
/*- Bottom Logos -*/
.logos{
	color: #757575;
	height: 38px;
	margin: 0 auto;
	padding: 0 0 15px;
	width: 950px
}
.logos h4{
	line-height: 38px;
	margin: 0
}
.logos a{
	color: #757575
}
.logos img{
	float: left;
	margin: 0 0 0 15px
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	border-bottom: 5px solid #ec6114;
	font-size: 20px;
	height: 66px;
	margin: 0 0 20px;
	text-transform: uppercase
}
.nav1 li{
	float: left;
	margin: 0 4px 0 0
}
.nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	height: 56px;
	padding: 10px 0 0 10px;
	/* width: 112px; */
	width: 143px; 
}

 li#n15 a{
 width: 145px;
}
.nav1 li#n11, .nav1 li#n111{
	background: url(images/nav11.gif) no-repeat
}
.nav1 li#n12,.nav1 li#n112{
	background: url(images/nav12.gif) no-repeat
}
.nav1 li#n13,.nav1 li#n113{
	background: url(images/nav13.gif) no-repeat
}
.nav1 li#n14,.nav1 li#n114{
	background: url(images/nav14.gif) no-repeat
}
.nav1 li#n15,.nav1 li#n115{
	background: url(images/nav15.gif) no-repeat;
	margin: 0;
	width:
}
.nav1 li#n11 a:hover,
.nav1 li#n12 a:hover,
.nav1 li#n13 a:hover,
.nav1 li#n14 a:hover,
.nav1 li#n15 a:hover{
	background: url(images/nav1-hover.gif) top no-repeat;
	text-decoration: none
}
.nav1 li#n111 a,
.nav1 li#n112 a,
.nav1 li#n113 a,
.nav1 li#n114 a,
.nav1 li#n115 a{
	background: url(images/nav1-hover.gif) top no-repeat;
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 0 956px;
	position: absolute;
	text-indent: -9999em;
	top: 137px;
	width: 48px
}
.nav2 li{
	margin: 0 0 3px;
	overflow: hidden;
}
.nav2 li a{
	clear: both;
	display: block;
	height: 131px;
	overflow: hidden;
	width: 48px
}
.nav2 li#n21{
	background: url(images/nav21.gif) no-repeat -9px 0;
	height: 95px;
}
.nav2 li#n22{
	background: url(images/nav22.gif) no-repeat -9px 0;
	height: 131px
}
.nav2 li#n21 a:hover, .nav2 li#n23{
	background: url(images/nav21.gif) no-repeat;
        height: 95px;
}
.nav2 li#n22 a:hover, .nav2 li#n24{
	background: url(images/nav22.gif) no-repeat;
        height: 131px
}
/*- Nav3 -*/
.nav3{
	line-height: 53px
}
.nav3 ul{
	float: left;
	font-size: 11px;
	height: 53px;
	text-transform: uppercase
}
.nav3 li{
	background: url(images/nav3-sep.gif) right no-repeat;
	float: left;
	line-height: 53px;
	padding: 0 15px
}
.nav3 li.last{
	background: none
}
.nav3 li a{
	color: #ffffff;
	display: block;
	float: left
}
.nav3 li a:hover,
.nav3 li.active a{
	text-decoration: underline
}
/*=== Title Placeholder ===*/
.title{
	background: url(images/title-bgr.jpg) top no-repeat;
	clear: both;
	color: #ffffff;
	font-size: 20px;
	height: 160px;
	margin: -1px 0 0;
	overflow: hidden;
	position: relative
}
.title-col1{
	float: left;
	padding: 35px 0 0 30px;
	width: 360px
}
.title-col2{
 float: left;
 text-align:left;
    margin: 0 0 0 40px;
    padding: 25px 0 0;
    width: 500px;
}
.title-col2 img{
 float: right;
}
.title .title-col2 h2{
line-height:50px;
margin-top:20px;
padding-right:180px;
text-align:right
}
.title-col2 a{
        color:#fff;
}
.title h1, .title h2{
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
	text-transform: uppercase;
        font-family:  Century Gothic, Arial, Sans-Serif;
}
.title h2{
    color: #FFF;
}
.title p{
	line-height: 20px
}
/*- Title Banners -*/
.title-banner1, .title-banner2{
	background: url(images/title-banner1.jpg) top no-repeat;
	color: #697c1b;
	float: left;
	font-size: 13px;
	height: 107px;
	overflow: hidden;
	padding: 45px 0 0;
	text-align: right;
	width: 474px;
	 
}
.title-banner1 a, .title-banner2 a{
	text-decoration: underline
}
.title-banner1 h2, .title-banner2 h2, .title-banner3 h2, .title-banner3 h4{
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 30px;
	padding: 0 45px 0 0;
	text-transform: uppercase
}
.title-banner1 p, .title-banner2 p{
	padding: 0 35px 0 0;
        font-size:14px;
}
.title-banner2{
	background: url(images/title-banner2.jpg) top no-repeat;
	color: #45768d;
	float: right
}
/*=== Headlines ===*/
.headline{
	border-bottom: 1px solid #dbdbdb;
	margin: 0 0 1.5em;
	/*padding: 0 0 .5em*/
	padding:20px 0 10px;
}
.headline h1, .headline h2{
	color: #000000;
	font-size: 2.1em;
	margin: 0;
	text-transform: uppercase;
        font-weight:normal;
}
.headline2{
	background: url(images/headline2-bgr.gif) top left no-repeat;
	height: 44px;
	margin: 0 0 1.5em;
	padding: 0 0 0 15px
}
.headline2 h2{
	color: #ffffff;
	font-size: 20px;
	line-height: 44px;
	margin: 0;
	text-transform: uppercase
}
/*=== All Columns ===*/
#columns{
	background: url(images/columns-bgr.gif) repeat-y;
	height: 1%;
	clear: both; 
	border-top: 4px solid #fff;
	padding: 0 0 15px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 626px
}
.centercol-content{
	height: 1%;
	padding: 0 20px 0 15px;
}
.centercol-content p{
    font-size:1.1em;
}
/*=== Right Column ===*/
#rightcol{
	background: url(images/rightcol-bgr.gif) top no-repeat;
	float: right;
	padding: 16px;
	width: 290px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 370px
}
.col2{
	float: right;
	width: 200px
}
.col12{
	float: right;
	width: 355px
}
.col11{
	float: left;
	width: 215px
}
.col2 blockquote{
	background: url(images/ico-q.gif) bottom right no-repeat
}
.col2 blockquote p{
	font-size: 30px;
	line-height: 33px;
	padding: 0 0 .5em
}
.col11 blockquote{
	background: url(images/ico-q.gif) bottom right no-repeat
}
.col11 blockquote p{
	font-size: 36px;
	line-height: 33px;
	padding: 0 0 .5em
}
.col3{
	float: left;
	padding: 0 20px 0 0;
	width: 110px
}
.col4{
	 float: left;
    width: 150px;
}
.col5{
	float: left;
	width: 170px
}

.col6{
	float: left;
	padding: 0 20px 0 0;
	width: 300px
}
.col6 img {
    margin-right: 5px;
    width: 90px;
}
.col6 .list1 li{
margin: 0 0 0.5em;
}
/*=== Styling Posts ===*/
.post-info, .post-info2{
	color: #999999;
	font-size: .9em;
	margin: 0 0 1.5em
}
.post-info a{
	color: #000000
}
.centercol-content .post-info{
    margin-top:10px;
}
.centercol-content .post-info a{
        color: #666666;
}
#rightcol .post-info a{
    	color: #666666
}
.post-info2{
	color: #666666;
	margin: 0 0 .5em
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 auto .8em;
	width: 960px
}
.box .top,.box .bot{
	background: url(images/box-top.gif) top no-repeat;
	clear: both;
	height: 9px;
	overflow: hidden
}
.box .bot{
	background: url(images/box-bot.gif) top no-repeat;
	height: 53px;
	padding: 0 15px
}
.box .content{
	background: url(images/box-bgr.gif) repeat-x top;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	height: 1%;
	padding: 15px 15px 10px
}
.box h3{
	background: url(images/ico-arrow2.gif) right no-repeat;
	border-bottom: 1px solid #dbdbdb;
	color: #222222;
	margin: 0 0 .8em;
	padding: 0 0 .3em
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{
	margin: 0 0 1em
}
.list1 li{
	background: url(images/ico-list.gif) no-repeat 0 4px;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0 0 1em
}
.list1  div.last{

 margin-right: 0px;
}
.list1  div{
float: left;
font-size: 10PX;
font-weight: bold;
text-align: center;
color: #EC6114;
 margin-right: 5px;
}

.list1 li a{
	color: #666666
}
.list1 li a:hover{
}
/*- List2 -*/
.list2 ul{
	margin: 0 0 1em
}
.list2 li{
	margin: 0 0 .5em
}
.list2 li a{
	color: #666666
}
.list2 li a:hover{
}
/*=== Link Buttons ===*/
.btn-more a{
	background: url(images/ico-more3.gif) #ed6114 right no-repeat;
	color: #ffffff;
	padding: 3px 30px 3px 10px
}
.btn-rss a{
	background: url(images/ico-rss.gif) right no-repeat;
	color: #a7a7a7;
	font-size: 11px;
	padding: 3px 20px 3px 0;
	text-decoration: underline;
	text-transform: uppercase
}
.btn-links{
	height: 40px;
	margin: 0 0 20px;
	padding: 0 15px 0 0
}
.btn-link a{
	color: #218fbf;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none
}
.btn-link img{
	float: left;
	margin: 0 10px 0 0
}
.btn-top a{
	background: url(images/ico-top.gif) right no-repeat;
	color: #ffffff;
	font-size: .9em;
	padding: 0 15px 0 0
}
.btn-soclinks img{
	margin: 0 12px 0 0
}

.btn-soclinks div{
margin-bottom:10px
}
.btn-soclinks  .lnk-soclinks{
position:relative;
bottom:15px
}
.btn-soclinks a{
	color: #666666;
	text-decoration:none
}
.btn-soclinks a:hover{
	
	text-decoration:underline
}

/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	background: #ffffff;
	border: 1px solid #dbdbdb;
	display: block;
	margin: 0 0 1.5em;
	padding: 2px
}
.pic.fl img{
	margin-right: 15px
}
.pic.fr img{
	margin-left: 15px
}
.ads{
	display: block;
	margin: 10px 0 1.5em
}
/*=== Footer ===*/
#footer{
	color: #666666;
	font-size: .9em;
	height: 50px;
	margin: 0 auto;
	width: 920px
}
#footer a{
	color: #666666
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr, .hl{
	border-top: 1px solid #dbdbdb;
	clear: both;
	height: 1px;
	margin: 20px 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
/* Slider */
#slider ul{
margin-left:0px;
 
}

#slider li{
width:950px;
height:480px;
text-align:center;
display:inline-block;
background-repeat:no-repeat;
    background-position: center center;
}

#slider li div{
 height:480px;
 width:952px;
}

#slider li div a{
display:block;
 width:952px;
 height:480px;
}

#slider li p{
text-transform:text-left;
}

#prevBtn{
position:relative;
top:-217px;
font-size:150%;
margin:0 10px 
}
#nextBtn{
position:relative;
top:-217px;
float:right;
font-size:150%;
margin:0 10px 
}
 .centercol-content  #page-wedding ul li{

padding-bottom:2px  ;
}
.centercol-content ul {
    padding-left:20px;
    padding-bottom:20px;
}
.centercol-content ul li{
	background:transparent url(images/arrow.gif) no-repeat scroll left 9px;
	padding-bottom:10px;
	padding-left:20px;
	padding-top:5px;line-height: 1.5em;
}
.title-col2 p{line-height:25px;}
.title-banner3, .title-banner4{
	color:#697C1B;
	float:left;
	font-size:13px;
	height:97px;
	overflow:hidden;
	padding:45px 0 0;
	text-align:right;
	width:952px;
}
.title-banner3 p, .title-banner4 p{
    font-size:14px;
}
.title-banner3{	background:transparent url(images/title-banner3.jpg) no-repeat scroll center top;}
.title-banner4{	background:transparent url(images/title-banner4.jpg) no-repeat scroll center top;}
.title-banner3 h2{width:425px;float:left; color: #FFFFFF;font-size:18px}
 .title-banner4 h2{width:445px;float:left; color: #FFFFFF;font-size:18px}
.title-banner3 a, .title-banner4 a{color:#FFFFFF;text-decoration:none;}
.title-banner3 a:hover, .title-banner4 a:hover{color:#ffe0cf;}
.title-banner3 .box-header{color:#FFFFFF;float:left;font-size:18px;font-weight:normal;margin:0 0 20px;padding:0 5px 0 0;text-transform:uppercase;}
.title-banner4 .box-header{color:#FFFFFF;float:left;font-size:15px;font-weight:normal;margin:0 0 20px;padding:3px 0 0 10px;text-transform:uppercase;}
.title-banner4 .box2.box-header{font-size:17px;  padding-right:30px}
.title-banner3 .text-header, .title-banner4 .text-header{float:left;padding:0 5px 0 0;margin-top: -10px;}
.title-banner3 .text-header{margin-top: -10px;}
 .title-banner4 .text-header{margin-top: -5px;}
 .title-banner4 .box0{width:425px;padding-right:45px}
 .title-banner3 .box0{width:425px;padding-right:20px}
.title-banner4 .box0{color:#45768D;font-size:14px;}
.title-banner3 .box1{width:125px;}
.title-banner4 .box1{width:150px;}
.title-banner3 .box2{width:157px;}
.title-banner4 .box2{width:127px;}
.title-banner4 .box5{width:145px;}
.title-banner4 .box6{width:145px;}
.title-banner3 .box3{width:155px;}
.black_arrow{color:#FFFFFF;font-size:18px;font-weight:normal;text-transform:uppercase;background:transparent url(images/black_arrow.gif) no-repeat 0 0;height:44px;width:167px;padding:11px 0 0 26px;margin-top:10px;}
.black_arrow a{color:#FFFFFF;font-size:15px}
.title-col2 p{line-height:25px;}
.centercol-content #searchform{
    text-align:center;
    background: url(button-design);
}
.ngg-galleryoverview .ngg-gallery-thumbnail {margin-right:2px}
#footer .fr a img{
    margin-bottom:-2px;
}
#respond {
    margin-left:15px;
}
#respond h3{
    margin-bottom:15px;
}
#respond label{
    margin-left:10px;
}
#respond input, #respond textarea,
div.wpcf7 input, div.wpcf7 textarea{
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}
p.postmetadata{
    margin-left:10px;
    margin-top:20px;
}
p.postmetadata small{
    font-size:0.9em;
}
#centercol div.wpcf7{
   
    margin-top:35px;
}
.wpcf7 input, .wpcf7 textarea{
    padding-left:25px;
}
.wpcf7 .your-name input{
    background:#fff url(images/ico09.gif) no-repeat scroll 5px 4px;
}
.wpcf7 .your-email input{
    background:#fff url(images/ico07.gif) no-repeat scroll 5px 4px;
}
.wpcf7 .your-subject input{
    background:#fff url(images/ico06.gif) no-repeat scroll 5px 4px;
}
.wpcf7 .your-message textarea{
    background:#fff url(images/ico11.gif) no-repeat scroll 5px 4px;
}
.wpcf7 .Tutelfono input{
    background:#fff url(images/ico05.gif) no-repeat scroll 5px 4px;
}
div#contacto{
margin-top: 20px;
}
p#contacto{
    border-bottom:1px solid #888888;
    font-size:1.1em;
}
div#contacto p{
    
padding-left: 30px;
}
img.size-full{
    margin-bottom: 20px;
}
.ngg-gallery-list li{
    background-image:none;
    padding-left:0;
    padding-top:0;
}
.entry h3{
    margin:15px 0;
}
.centercol-content .btn-links{
    margin-top:20px;
}
div.btn-link.fr{
    width:120px;
}
.vermas{
    padding-bottom:10px;
}

#controls{ background-image:url(./images/bg_slider.png);height:31px; width:64px;padding:0 10px;position:relative;    left: 20px;
    top: -50px;margin-top: -25px;}
	#controls li { width:20px;float:left}
#controls li a{text-indent:-1000px;outline:0}
#controls li a{ background-image:url(./images/item.png);background-repeat:no-repeat;background-position:center center;float:left; height: 30px;
    width: 20px; }
#controls li.current a{ background-image:url(./images/item-curent.png);background-repeat:no-repeat }