/* Custom styles */
/*@import "custom.css"; */
/*-----------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-downs
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer
3. WIDGETS
4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi
5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form
6. GENERAL STYLES
-----------------------------------------------*/
/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	font: 14px Helvetica, Arial, Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
    line-height: 1.5;  /*unitless for proper inheritance*/
}

h1  { font-size: 30px; line-height: 30px; } h2  {font-size: 24px} h3  {font-size: 16px; padding: 0 0 10px 0; }
h4  {font-size: 18px; padding: 0 0 10px 0; } h5  {font-size: 14px} h6  {font-size: 12px}

p  {margin: 18px 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/
/* 2.1 Containers */

#container  {
	width: 100%;
	margin: 0 auto;
}
#main  {
	width: 940px;
	padding: 10px;
	margin:0 auto 0 auto;
	border-top: 1px dotted #d9d9d9;
}
#main #inside  {
	padding: 10px 0 20px 0;
    margin:0 auto 0 auto;
}
/* 2.2 Header */
header  {
	width: 940px;
	margin: 0 auto 10px auto;
	background:#fff;
	z-index: 9999;
}
header h1, #header h2  {display: none}
header img { margin: 40px 0 10px 0; }
header #logo  {	float: left }
/* 2.3 Navigation */
header #navigation  {
    float: right;
	width: 640px;
	margin: 40px 0 0 0;
	position: relative;
	z-index: 100;
}
nav, nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
	background-color:#85cef1;
}
#nav li {
	float: right;
}
#nav a:link, #nav a:visited {
	display: block;
	z-index: 100;
	padding: 10px 8px 6px 8px;
	font: 16px Helvetica, Arial, Sans-serif;
	text-transform: none;
}
#nav li.current_page_item a, #nav li a:hover  {
	text-decoration: none;
}
/* Style drop down list */
#nav li ul { position: absolute; width: 172px; left: -999em; }
#nav li ul li {	margin: 0!important; }
#nav li ul li a { font-size: 12px; width: 156px; }
#nav li ul li a:hover {}
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */
/* 2.4 Introduction */
#introduction  { padding-bottom: 20px; }
#about  {
	position: relative;
	z-index: 0;
	float: left;
	width: 580px;
	margin: 0 0 0 -40px;
	padding: 17px 20px 17px 40px;
}
#about h2  {
	font-size: 28px;
}
#about p  {
	line-height: 20px;
}
#about img  {
	float: left;
	margin: 0 20px 10px 0;
}
#about .fold  {
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}
#connect  {
	float: left;
	width: 278px;
	margin: 0 0 0 20px;
}
#connect ul  {}
#connect ul li  {
	height: 64px;
}
#connect ul li a  {
	display: block;
	height: 34px;
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
}
#connect ul li a:hover  {
	text-decoration: none;
}
#connect ul li a img  {
	float: left;
	margin: 0 15px;
}
#connect ul li a span  {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
/* 2.5 Content */
#content  {
	float: left;
	width: 600px;
	margin: 20px 0 0 0;
}
#full-width  {
	width: 940px;
   margin: 20px 0 0 0;
}
h2.result_heading  {
	margin: 0 0 20px 0;
}
/* 2.6 sidebar */
aside {
	float: left;
	width: 280px;
	margin: 20px 0 0 20px;
	display: block;
}
aside a  {
}
/* 2.7 Footer */

#primer-footer {
   background: none repeat scroll 0 0 #F3F3F3;   
   border-top: 1px solid #D9D9D9;
   padding: 20px 0 20px 0;
}
#subfooter {
   width:940px;
   height: 350px;
   margin:0 auto 0 auto;
   clear: both;
}
#subfooter-widget  {
   width:280px;
   float:left;
   margin: 0 30px 0 0;
}

#subfooter .widget .inner {
padding:10px;
}
footer  {
	background: none repeat scroll 0 0 #E9E9E9;
	border-top: 1px solid #D9D9D9;
	padding: 20px 0 40px 0;
	}
#footer-centrado  {
	padding: 5px 0 5px 0;
	width: 940px;
	text-align: left;
	margin:0 auto 0 auto;
	font-size: 13px;
}
footer p  {
	margin: 7px 0;
	font-weight: lighter;
}
footer ul li  {
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 6px;
}
footer ul li a  {}

footer ul li.current_page_item a, #footer ul li a:hover  {
}
/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/
.widget  {
	margin: 0 0 30px 0;
}
.widget h3  {
	position: relative;
	margin: 0 -40px 0 0;
	padding: 5px 40px 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
}
.widget h3 span.fold  {
	position: absolute;
	display: block;
	right: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}
.widget ul  {}
.widget ul li  {}
.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	padding: 0 0 0 20px;
	line-height: 30px;
}
.widget ul li a:hover  {
	text-decoration: none;
}
.widget_recent_comments li  {
	padding: 6px 0 6px 20px;
	line-height: 18px;
}
.widget_recent_comments li a  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
}
#searchform  {
	margin: 15px 0 0 0;	
}
#searchform #s  {
	width: 200px;
	padding: 3px 0 3px 5px;
}
#searchform .submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}
#flickr h3  {
	margin-bottom: 10px;
}
#flickr .flickr_badge_image  {
	margin: 4px 6px;
	float: left;
	width: 75px;
}
#twitter li  { margin: 10px 0; }
#twitter a  {
	display: inline;
	padding: 0;
	line-height: 18px;
}
#ads img  {
	float: left;
	margin: 10px 5px 0 5px;
}
/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/
.post  {
	margin: 0 0 15px 0;
}
.post .meta  {
	margin: 0;
	font-style: italic;
   	line-height:26px;
}
.post .meta .comments  {
	padding: 0 19px 0 0;
	text-transform: uppercase;
	font-weight: bold;
}
.post .categories a  {
	display: inline;
	font-size: 12px;
	padding: 6px 8px 4px 6px;
}
.post .categories a:hover  {
	text-decoration: none;
}
.entry  {}

.entry a.more-link  {
	text-transform: uppercase;
	font-weight: bold;
}
.post .tags  {
	margin: 0 0 15px 0;
	display:inline-block;
}
/* 4.1 Typographic Elements */
.post h2.title  {
	margin: 8px 0 20px 0;
	font-size: 30px;
	line-height: 30px;
	color:#61B5D5;
}

.post h2.title a:link, .post h2.title a:visited  {
	color:#61B5D5;
	text-decoration: none;
}

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	margin: 0 0 15px 0;
}

.entry blockquote  {
	padding: 10px 30px;
}

.entry blockquote p  {
	margin: 0;
}

.entry ul  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ul ul  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry ul li  {
	list-style-type: circle;
}

.entry ul li ul li  {
	list-style-type: disc;
}

.entry ol  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ol ol  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry  ol li  {
	list-style-type: upper-latin;
}

.entry  ol li ol li  {
	list-style-type: lower-latin;
}

/* 4.2 Images */

.entry img  {
}

img.wp-smiley  {
	padding: 0;
}

.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}

.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}

.entry .aligncenter  {
	text-align: center;
}

/* 4.3 Page Navi */

div.Nav  {
	height: 25px;
}

.Nav strong.on  {
	padding: 5px 8px 3px 8px;
}

.Nav a:link, .Nav a:visited  {
	padding: 2px 5px;
	font-weight: bold;
}

/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments h3 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 20px 0;
}

#comments ol.commentlist  {
	margin: 20px 0 0 0;	
}

#comments ol.commentlist li {
	list-style-type:none;
	padding: 10px 0;
}

#comments ol.commentlist li .comment-head {
	margin: 0 0 10px 0;
}

#comments ol.commentlist li .comment-head .avatar img  {
	float: right;
}

#comments ol.commentlist li .comment-head .user-meta span  {
	display: block;
}

#comments ol.commentlist li .comment-head .user-meta span.name  {
	font-weight: bold;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	font-size: 11px;
}

#comments ol.commentlist li .comment-head .user-meta span.perma  {
	text-transform: uppercase;
	font-size: 10px;
}

#comments ol.commentlist li .comment-entry p  {
	margin: 0 0 10px 0;
}

#comments div.reply a { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; }

#comments ul.children { 
	margin:10px 0 0 0;
	padding:0 0 0 22px;
}

#comments ul.children li {
	padding-bottom: 0;
}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	width:auto;
}

#comments .cancel-comment-reply {margin-bottom:10px;}

/* 5.2 Comments Form */

#respond  {
	margin: 20px 0 0 0;
}

#respond h2  {
	margin: 0;
}

#commentform  {
	margin: 20px 0 0 0;
}

#commentform input.txt  {
	width: 207px;
	margin: 0 10px 0 0;	
	padding: 3px 0 3px 5px;
}

#commentform label  {
	font-size: 11px;
	text-transform: uppercase;
}

#commentform textarea  {
	width: 100%;
}

#commentform #submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*Nuevas funciones*/

/*Pagina principal*/
#twitter-principal {
background-image: url(/wp-content/uploads/2010/08/twitter_icono.png);
background-repeat: no-repeat;
background-position: top right;
width:100%;
margin: 0 auto;
height:60px;
background-color:#fff;
clear:both;
border-top: 1px dotted #D9D9D9;
list-style:none;
}
/*Pagina principal - facebook*/
#espacio {
padding: 10px 0 10px 0;
}
#mitad {
padding: 10px 0 10px 0;
border-top: 1px dotted #D9D9D9;
}
#facebook-fans {
float: right;
width: 460px;
height: 290px;
}
/*Pagina principal - ultimo trabajo*/
#proyectos {
float: left;
width: 450px;
height: 290px;
}

/* Color box jquery galeria */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/* Estilos Slider del inicio */

#slideshow {
	margin:0;
	padding:0;
	position:relative;
	border:15px solid #fff;
	-webkit-box-shadow:0 3px 5px #999;
	-moz-box-shadow:0 3px 5px #999;
	box-shadow:0 3px 5px #999;
}

#slideshow ul {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}

#slideshow ul li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

#pagination {
	clear:both;
	width:75px;
	margin:25px auto 0;
	padding:0;
}

#pagination li {
	list-style:none;
	float:left;
	margin:0 2px;
}

#pagination li a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-10000px;
	background:url(../images/pagination.png);
}

#pagination li a.active {
	background-position:0 10px;
}

.caption {
	width:100%;
	margin:0;
	padding:10px;
	position:absolute;
	left:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#fff;
	border-top:1px solid #000;
	background:#000;
	background:rgba(0,0,0,0.6);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

/* Opciones adicionales */
.opciones-comercio{
   width:920px;
}
.col_1 {
	float:left;
	width: 460px;
}
.col_2 {
	float:right;
	width: 460px;
}
.comercio .opciones-comercio ul li {
	list-style: none;
	display: block;
	clear: both;
	margin-bottom: 20px;
}
.opciones-comercio img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

/* Cajas para redes sociales */

.redes-sociales { width: 100%; display:inline-block; margin: 10px 0; padding: 10px 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;  }

#media-home { padding: 15px 0 0 0; float:right; width:435px; }

/* Slider logos */

.sliderContainer2{
    width: 450px;
    height: 290px;
    position: relative;
}
#slider2 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 450px;
    height: 290px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    margin: auto;
}
#slider2 .slide2{
    width: 450px;
    height: 290px;
    float: left;
}

/* Formulario de contacto */
.formulario-contacto { width: 614px; margin:-35px 0 0 0; }
.formulario-derecha { float:right; width:295px; padding: 0 0 0 10px; } 
.formulario-izquierda { float:left; width:295px; padding: 0 10px 0 0; }
.celda-form { width: 295px; height: 40px; font-size: 22px; background:#61B5D5; border: 1px #017fcf; color:#fff; font-family: Arial,Helvetica,Sans-serif; }
.box-form { width: 610px; height: 100px; background:#61B5D5; border: 1px; color:#fff; font-size: 14px; font-family: Arial,Helvetica,Sans-serif; padding: 5px; }
.celda-form-captcha { width: 210px; height: 20px; font-size: 22px; background:#61B5D5; border: 1px #017fcf; color:#fff; font-family: Arial,Helvetica,Sans-serif; }

/*Menu contacto*/
.contacto-logos { width:210px; }
.contacto-iz { float:left; width:32px; padding: 0 0 20px 0; }
.contacto-de { float:right; width:173px; padding: 0 0 20px 5px; }

/* Portfolio */
.texto-portfolio { width: 600px; margin: 10px 20px 0 0; float: left; border-top: 1px #ccc dotted; padding: 45px 0 0 0; }
.texto-especial { font-size: 3.8em; color:#61B5D7; font-family: 'Raleway', cursive;}
.texto-especial-2 { font-size: 1.2em; color:#bbb; font-style:italic }
.imagen-portfolio { width: 300px; margin: 10px 0 0 0; padding: 30px 0 0 0; display: inline-block; border-top: 1px #ccc dotted }
.imagen-portfolio img { border-radius: 15px; }