/*

Theme Name: Vaquerosurf1
Theme URI: 
Description: Disenado especialmente para www.vaquerosurflodge.com V1
Version: 1.0
Author: Sitiosweb El Salvador
Author URI: http://www.sitiosweb.com.sv/
Tags: 
*/
* { padding: 0; margin: 0; }
body {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 13px;
 background: #0089ee /*url(images/main-bg.jpg) no-repeat*/;
behavior:url("csshover3.htc");
}

a {color: #29A09A; text-decoration: none; font-weight: bold;}
a:hover {color: #29A09A; text-decoration: underline; font-weight: bold;}
a.pie {color: #fff; text-decoration: none; font-weight: normal;}
a.pie:hover {color: #fff; text-decoration: underline; font-weight: normal;}
a img {
border: 0;
}

H1 {
 padding: 10px;
 color: #29A09A;
}


H2 {
 padding: 14px;
 color: #fff;
 line-height: 50px;
}

H3 {
 font-size: 14px;
 padding: 10px;
 color: #29A09A;
}

p {
 padding: 10px;
}

.pie {
 color:#fff;
}

p.pie{padding: 0 0 0 37px;}

ul {
	margin:0px 0px 0px;
	padding:0 0 0 45px;
}


#searchform { border: 0; color: #ffffff;margin-top: 20px;}
#searchform input { font-weight: bold; border: 0;height:22px;}
#searchform input:focus { outline:none;}
input#s{
width:124px;
background:transparent;
}

form#searchform input#searchsubmit {
background: transparent url(images/searchbutton.png) no-repeat;
width: 27px;
display:inline;
overflow: hidden;
/* Hack for IE */
/*text-indent:-9999px;*/
/*font-size: 0px;*/
/*line-height: 10px;*/
}

/*Estilo de plantilla wp*/
#wrapper { 
 margin: 0 auto;
 overflow: hidden;
 width: 960px;
 background: #FAFBFD;
}

#contenido { 
 float: left;
 color: #333;
 width: 960px;
 display: inline;
 background: transparent /*url(images/content-bg.gif) repeat-x*/;
}

#content { 
 float: left;
 color: #333;
 width: 570px;
 display: inline;
 padding: 0 37px 0 37px;
}

#header {
 color: #333;
 width: 960px;/*879px*/
 margin: 0 auto;
 height: 161px;
 background: url(images/header-bg.png) repeat-x;
}



#header2 {

 color: #333;

 width: 960px;

 margin: 0 auto;

 height: 161px;

 background: url(images/header-bg.png) repeat-x;

}



#headeriz {

 width: 667px;/*586px*/

 float: left;

 height: 161px;

}



#headerder {

 width: 273px;

 float: left;

 height: 161px;

 text-align:right;

padding-right: 0px;padding-top:58px;

background: url(images/bg-cabder.png) no-repeat;

}



#footer { 

 margin: 0 auto; /*Se agrega solamente para el caso de utilización de granfooter*/

 width: 960px;

 height: 162px;

 line-height: 60px;/*Se agrega para centrar verticalmente el texto del footer cuando es una sóla línea*/

 clear: both;

 color: #fff;

 background: #113E7F;

}



#granfooter {  /*Esta clase es solamente para el caso que se necesite que el footer se alargue hacia los lados*/

 width: 100%;

 height: 162px;

 clear: both;

 color: #333;

 background: transparent;

}



#footerarr{width:960px; padding-top:30px;}

#footerab{width:960px;}



#footeriz{ width: 150px;height:87px;float:left;display:inline;border-right-style: solid;border-width:1px; border-color: #5F8086;}

#footercen{ width: 200px;height:87px;float:left;display:inline;border-right-style: solid;border-width:1px; border-color:#5F8086;}

#footercen2{ width: 150px;height:87px;float:left;display:inline;}

#footerder{ width: 418px;height:87px;float:left;text-align:right;display:inline;border-style:solid;border-width:0px;}

#footerhalfiz{width:422px;float:left;line-height:1.7em;display:inline;margin-top:30px;padding-left:37px;}

#footerhalfder{width:460px;float:left; text-align:right;display:inline;border-style:solid;border-width:0px;}



#navigation {

 margin: 0 auto;

 width: 960px;

 height: 60px;/*60*/

 color: #fff;

 background: #113E7F;

}



#navigation2 {

 margin: 0 auto;

 width: 960px;/*879px*/

 height: 58px;/*60*/

 color: #fff;

 background: url(images/nav-bg.png) repeat-x;

}



#sidebar { 

 width: 280px;

 float: left;

 padding-left:0px;

}

.sidebar{ 

 width: 260px;

 float: left;

 padding-top:10px;

 padding-left:10px;

 padding-right:10px;

}

li.side {

	list-style: none;

	margin:0px 0px 15px;

	padding:0px;

	border-bottom: 0px solid #dceeb7;

}

.sidebar ul li{list-style: none;}

#sidebar h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #29A09A;

	margin: 10px 0px 5px;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.625em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.625em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*Fin de plantilla*/





#wp-calendar{ 

width: 220px;

border: 0px solid;

text-align: left;

}





/* navegador principal */
.menu{
	float: left;
	width: 100%;
	padding: 0;
}
.menu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#FFFF00;
	background: #336699;
	padding: 0;
	border: solid #000000;
	border-width: 0px 0;
	margin: 0 0 1em 0;
}

.menu a, .menu a:visited {
	display: block;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #FFFF00;
	text-decoration: none;
	padding: 1em 1em;
}
.menu ul ul a{
	width:100%;
	height:100%;
}
.menu ul a{
	width:1%;
}


.menu li  {
	float: left;
	margin:0;
	padding:0;
}

.menu ul li {float:left; position:relative;  }
.menu ul li a {white-space:nowrap;}
	
.menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	
	background: #336699;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.menu li li {
	width:15em ;
}

.menu li li a{
	width:13em ;
}

.menu li ul  {
	margin: 0;
}
.menu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.children, /*La ul children en cualquier nivel*/
.menu li:hover ul ul,
.menu li li:hover ul ul,
.menu li li li:hover ul ul,
.menu li li li li:hover ul ul,
.menu li li li li li:hover ul ul
{
	left: -999em;
}
.menu li:hover ul,
.menu li li:hover ul,
.menu li li li:hover ul,
.menu li li li li:hover ul,
.menu li li li li li:hover ul
{
	left: auto;
}
.menu li:hover>ul.children   
{
	left: auto;
}

.menu li:hover{
	background: #000033;
}

.menu li:hover a,.menu li:hover a:visited,.menu li:hover a:hover,.menu li a:hover{
	color:#FFFF00;
}
.menu li:hover li a, .menu li li:hover li a, 
.menu li li li:hover li a, .menu li li li li:hover li a,
.menu li:hover li a:visited, .menu li li:hover li a:visited, 
.menu li li li:hover li a:visited, .menu li li li li:hover li a:visited
{
	color:#FFFF00;
}
.menu li li:hover, .menu li li li:hover, 
.menu li li li li:hover , .menu li li li li li:hover , .menu li li li li li li:hover 
{
	background: #000033;
	z-index:9999;
}
.menu li li:hover a,.menu li li li:hover a, 
.menu li li li li:hover a, .menu li li li li li:hover a
{
	color: #FFFF00; 
}

.menu ul ul a, .menu ul ul a:visited,
.menu li li a, .menu li li a:visited
{
	color: #FFFF00;
}
.menu ul ul a:hover,
.menu li:hover li:hover a,.menu li:hover li:hover a:visited ,
.menu li:hover li:hover li:hover a,.menu li:hover li:hover li:hover a:visited,
.menu li:hover li:hover li:hover li:hover a,.menu li:hover li:hover li:hover li:hover a:visited ,
.menu li:hover li:hover li:hover li:hover li:hover a,.menu li:hover li:hover li:hover li:hover li:hover a:visited,
.menu li:hover li:hover li:hover li:hover li:hover li:hover a,.menu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFF00;
}
.menu li:hover li:hover li a,.menu li:hover li:hover li a:visited ,
.menu li:hover li:hover li:hover li a,.menu li:hover li:hover li:hover li a:visited,
.menu li:hover li:hover li:hover li:hover li a,.menu li:hover li:hover li:hover li:hover li a:visited,
.menu li:hover li:hover li:hover li:hover li:hover li a,.menu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #FFFF00;
}


/* end of menu css */







/* Para formidable */



.frm_primary_label {

 color: #356B35;

}

.frm_submit input{

 border: 1px solid #BDBDBD; /*#BDBDBD*/

    font-size: 12px;

    padding: 4px 10px;

    background-color: #29A09A;

    background-image: /*url("bg-button2.gif")*/;

    background-repeat: repeat-x;

    border-radius: 4px 4px 4px 4px;

    color: #FFFFFF !important;

    display: inline-block;

    margin-right: 10px;

}



/* Fin formidable*/



/*Wordpress Front page News*/

.wpcufpn_outside {background:#ccc; padding: 5px 0 0 5px; font-size:10px;}



/*Text Widget*/

.textwidget {background: #CCC}



/*Breadcrumbs*/

.breadcrumbs {color:#29A09A;}

.breadcrumbs a{color:#29A09A;}



/*Sponsors Carousel*/

.jcarousel-skin-tango .jcarousel-item-placeholder {

    background: transparent !important;

    color: #20201e;

}

.jcarousel-skin-tango .jcarousel-container {

    -moz-border-radius: 0px !important;

    -webkit-border-radius: 0px !important;

   border-radius: 0px !important;

    background: transparent !important;

    border-top: 0px solid #e5f0d7 !important;

    border-left: 0px solid #e5f0d7 !important;

    border-right: 0px solid #b7ceae !important;

    border-bottom: 0px solid #b7ceae !important;

}

.jcarousel-skin-tango .jcarousel-next-horizontal {

    position: absolute !important;

    top: 43px !important;

    right: 15px !important;

    width: 32px !important;

    height: 32px !important;

    cursor: pointer !important;

    background: transparent url(http://agacorporativa.net/salas/wp-content/uploads/2014/01/next-horizontal.png) no-repeat 0 0 !important;

}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {

    left: auto !important;

    right: 5px !important;

    background-image: url(http://agacorporativa.net/salas/wp-content/uploads/2014/01/next-horizontal.png) !important;

}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {

    left: 5px !important;

    right: auto !important;

    background-image: url(http://agacorporativa.net/salas/wp-content/uploads/2014/01/prev-horizontal.png) !important;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal {

    position: absolute !important;

    top: 43px !important;

    left: 5px !important;

    width: 32px !important;

    height: 32px !important;

    cursor: pointer !important;

    background: transparent url(http://agacorporativa.net/salas/wp-content/uploads/2014/01/prev-horizontal.png) no-repeat 0 0 !important;

}



/*row anchoraw*/

.anchoraw{padding: 0 37px 0 37px; background: url(images/fondoanchoraw.png) !important;}