/*
Theme Name: Goltratec
Theme URI: http://www.goltratec.com/
Description: Tema 2010 para Goltratec
Author: Jesús Yepes
Version: 0.1
*/
*{
    margin: 0;
    padding: 0;
}

body{
    font-family: Arial;
    background: url(images/bg/inicio.jpg) no-repeat center #000 fixed;
}

body.blog, body.single-post, body.category{
    background: #fff;
}

body, html{
    height: 100%;
}

a{
    text-decoration: none;
    outline: none;
}

p{
    font-size: 13px;
    text-align: justify;
}

#indexDesc{
    margin-top: 50px;
}

#indexDesc p{
    margin-bottom: 20px;
}

body.home{
    background: url(images/bg/inicio.jpg) no-repeat center #000 fixed;
}

#wrapper{
    width: 960px;
    min-height: 100%;
    margin: 0 auto -163px;
    height: auto !important;
    height: 100%;
}



#header{
    margin-top: 20px;
    height: 160px;
    display: block;
    position: relative;
}

#header #gallery_nav{
    position: absolute;
    bottom: 0;
    right: 0;
}

#header #gallery_nav ul{
    list-style: none;
}

#header #gallery_nav ul li{
    display: inline;
}

#header #gallery_nav ul li a{
    color:#fff;
    font-size: 12px;
    margin-left: 5px;
    outline: none;
}

#header #gallery_nav ul li a:hover{
    color: #78B2DF;
}

#logo{
    width: 170px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    background: url('images/logo.png') no-repeat;
    position: absolute;
    top: 45px;
    right: 0;
}

/*
    MENU
*/

#menu{
    margin-top: 70px;
    position: absolute;
    
}

#menu li{
    display: inline;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    margin-right: 2px;
}

#menu li a{
    text-decoration: none;
    margin-right: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    outline: 0;
}



#menu li a:hover{
    color: #78b2df;
}

#menu li.current-menu-item a, #menu li.current-menu-ancestor a{
    color: #78b2df;
    border-bottom: 2px solid #78b2df;
}




/* submenu */
#menu li ul.sub-menu{
    position: absolute;
    top: 15px;
    display: none;
    width: 500px;
    padding: 5px 0;
}

#menu li.current-menu-ancestor ul.sub-menu, #menu li.current-menu-item ul.sub-menu{
    display:block;
}

#menu li ul.sub-menu li{
    display: inline;
}

#menu li ul.sub-menu li a{
    background: none;
    padding: 0;
    color: #fff;
    margin-right: 5px;
    border-bottom: 0px;
    font-size: 11px;
}

#menu li ul.sub-menu li.current-menu-item a{
    padding: 0;
    margin-right: 8px;
}

#menu li.current-menu-ancestor ul.sub-menu li.current-menu-item a{
    color: #78b2df;
}

#menu li ul.sub-menu a:hover{
    color: #78b2df;
    border-bottom:0;
}
/* Fin Submenu */


/*
    TEASER
*/

#teaser{
    margin: 0 0 50px 0;
}

/*
el H1 del home es diferente (azul y sin subrayar)
*/
body.home #teaser h1{
    color:#5eb0e5;
    width: 100%;
    border-bottom: 0;
    margin-bottom: 0;
}

#teaser h1{
    font-size: 100px;
    color: #fff;
    line-height: 85px;
    width: 570px;
    text-align: justify;
    padding-bottom: 30px;
    border-bottom: 10px solid #fff;
    /*margin-left: -8px;*/
}
/*fin Teaser*/


/*
    FOOTER
*/

.fHack{
    height: 156px;
    clear: both;
}
#footer{
    height: 113px;
    background: url('images/footer_logo.png') no-repeat top left #78B2DF;
    width:960px;
    margin: 50px auto 0;
    position: relative;
}

#followUs{
    position: absolute;
    right: 20px;
    bottom:36px;
}

#followUs a{
    text-indent: -9999px;
}



#followUs p span{
    font-size: 10px;
    vertical-align: bottom;
    line-height: 13px;
    padding-top: 3px;
}

#followUs p span, #followUs a{
    float: left;
    margin-right: 10px;
}

#followUs a.twitter, #followUs a.facebook{
    height: 13px;
    background-position: bottom;
    background-repeat: no-repeat;
    display: block;
}

#followUs a.twitter{
    width: 58px;
    background: url('images/twitter.jpg') no-repeat bottom;
}

#followUs a.facebook{
    width: 63px;
    background: url('images/facebook.jpg') no-repeat bottom;
}

#followUs a img{
    outline: none;
}

#menu_footer{
    position: absolute;
    top: 15px;
    left: 75px;
    list-style: none;
}
#menu_footer li a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#menu_footer li a:hover{
    color: #000;
}

/*Fin Footer*/


/*
Cajas de la página principal. 4 columnas
*/
.box{
    display: block;
    width: 237px;
    height: 250px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 0;
    margin-right: 4px;
}

.ultimo{
    margin-right: 0;
}


.anim{
    position: absolute;
    background: red;
    width: 250px;
    height: 250px;
    top:0;
    left:-250px;
    z-index: 1;
    background: url(images/a.png);
}

.anim h3, .anim a{
    color: #fff;
}

.anim h3{
    font-size: 24px;
    position: absolute;
    left: 15px;
    top: 30px;
}

.anim ul{
    position: absolute;
    left: 15px;
    top: 65px;
    list-style: none;
}

.anim a{
    font-size: 12px;
}
/*fin cajas pagina principal*/


/*
Contenido
*/

#contenido{
    width: 570px;
    float: left;
    padding-right: 30px;
    color: #fff;
}

body.blog #contenido, body.single-post #contenido, body.category #contenido{
    color: #4d4d4d;
}

#contenido h2{
    margin-bottom: 20px;
    font-size: 18px;
}

body.blog #contenido h2, body.single-post #contenido h2, body.category #contenido h2{
    font-size: 40px;
    color:#78B2DF;
}

#contenido p{
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 20px;
    text-align: justify;
}

#contenido a{
    color:#78B2DF;
    text-decoration: underline;
}

#contenido a.enlVolver{
    font-size: 10px;
}

#contenido a:hover{
    text-decoration: none;
}

#contenido ul{
    font-size: 13px;
    margin: 0 0 20px 30px;
    list-style:  url('images/list.gif');
}

#contenido ul li{
    margin-bottom: 5px;
}

#contenido h3{
    font-size: 14px;
    margin-bottom: 10px;
}





#sidebar{
    width: 360px;
    float: right;
    color:#fff;
}

#sidebar img{
    margin-left:20px;
}



#contentIndex{
    color: #fff;
    margin-top: 30px;
}

.clearFix{
    display: block;
    clear: both;
}





/* PORTFOLIO */
body.page-template-portfolio-template-php #teaser h1{
    width: 300px;
}

#portfolio a{
	color: #fff;
}

body.page-template-portfolio-template-php #contenido{
    width: 300px;
}

#portfolioWrapper{
    float: right;
    width: 616px;
    height: 440px;
    overflow: hidden;
    position: relative;
    background: url('images/loading.gif') center no-repeat;
}

#portfolioWrapper p#status{
    position: absolute;
    top: 235px;
    text-align: center;
    color: #fff;
    width: 100%;
}

#portfolio{
    width: 1000%;
    position: absolute;
    top:0;
    left:0;
    display: none;
}

.portfolioItem{
    width: 154px;
    height: 420px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}

.gallery{
    /*width: 586px;*/
    /*211px*/
    width: 800px;
    height: 420px;
    position: absolute;
    left: 0;
    top:-420px;
    background: url('images/bg_gallery.png');
    color: #e5e5e5;
}

.gallery h3{

}
.gallery p{
    font-size: 12px;
}

.left{
    width: 211px;
    float: left;
    height: 420px;
    position: relative;
}


.left h3, .left h4, .left p{
    margin:0 10px;
    text-align: left;
}

.left h3{
    margin-top:20px;
}
.left h4{
    font-size: 12px;
    margin-top:10px;
}

.left p{
    font-size: 12px;
}

.carrouselContainer{
    float: right;
    /*width: 375px;*/
    width:586px;
    height: 420px;
    color: #fff;
}

#volver{
    position: absolute;
    left:3px;
    bottom: 0;
    display:none;
}

#volver a{
    color: #fff;
    font-size: 12px;
}




/*
NIVO SLIDER
*/

/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav{
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 10px;
}


.nivo-directionNav a {
    position:absolute;
    /*op:45%;*/
    z-index:99;
    cursor:pointer;
    color:#fff;
    height: 20px;
    width: 63px;
    height: 74px;
    text-indent: -9999px;
}

.nivo-prevNav {
    left:15px;
    bottom: 15px;
    background: url('images/portfolio_arrow_left.png') no-repeat center;
}
.nivo-nextNav {
    right:15px;
    bottom: 15px;
    background: url('images/portfolio_arrow_right.png') no-repeat center;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



#form{
    position: relative;
    width: 570px;
    height: 290px;
}

#form p{
    margin-bottom: 38px;
    color: #78B2DF;
    font-weight: bold;
}

#form p#mensaje{
    position: absolute;
    top:0;
    right: 0;
    margin: 0;
}

#form p#telefono{
    margin-bottom: 0;
}

#form p#acepto{
    font-weight: normal;
    color: #fff;
    text-align: left;
    position: absolute;
    width: 350px;
    font-size: 11px;
    top: 203px;
    left: 318px;
}

#form p#acepto span{
    width: 20px;
}

#form p#acepto input{
    float: left;
    width: auto;
    margin-right: 10px;
}

#form input{
    padding: 2px;
    width: 250px;
}

#form textarea{
    width: 250px;
    height: 175px;
}

#form input#enviar{
    height: 40px;
    left: 318px;;
    position: absolute;
    top: 235px;
    width: 140px;
    background: url('images/boton.png') no-repeat left top;
    border: 0;
    color: #fff;
    outline: none;
    font-weight: bold;
}

#form input#enviar:hover{
    cursor: pointer;
    background-position: left bottom;
}


#sidebar #direccion p, #sidebar #phone p{
    text-align: right;
}

#sidebar #direccion, #sidebar #phone{
    width: 190px;
    margin-left: 170px;
    font-weight: bold;
    color: #78B2DF;
}

#sidebar #direccion{
    margin-bottom: 15px;
}

#sidebar #direccion p{
    margin-bottom: 5px;
}



#mapa{
    margin-top: 30px;
}


ul.categorias li{
    line-height: 20px;
}

ul.categorias li a{
    display: block;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #78B2DF;
}


/*
Particulares del blog
*/

body.blog #wrapper #contenido a.more-link{
    display: block;
    margin-top: 5px;
}

body.blog #contenido p, body.single #contenido p, body.category #contenido p{
    font-size: 14px;
    margin-bottom: 10px;
}

body.blog #contenido ul li, body.single #contenido ul li, body.category #contenido ul li{
    font-size: 14px;
}

body.blog #menu li a, body.single-post #menu li a, body.category #menu li a{
    color: #4d4d4d;
}
body.blog #menu li ul.sub-menu li a, body.single #menu li ul.sub-menu li a, body.category #menu li ul.sub-menu li a{
    color: #4d4d4d;
}

body.blog #menu li a:hover, body.single-post #menu li a, body.category #menu li a:hover, body.blog #menu li ul.sub-menu li a:hover, body.single #menu li ul.sub-menu li a:hover, body.category #menu li ul.sub-menu li a:hover{
    color: #78b2df
}


body.blog #contenido .nav, body.single #contenido .nav{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
    text-align: center;
    margin-top: 20px;
    color: #ccc;
}

body.blog #contenido .nav a, body.single #contenido .nav a, body.category #contenido .nav a{
    text-decoration: none;
    font-size: 13px;
}

/*
marcas
*/

.page-id-26 .box{
    position: relative;
}

.page-id-26 .box img{
    position: absolute;
    z-index: 1;
}

.page-id-26 .box p{
    z-index: 2;
    position:absolute;
    bottom: 0;
    color: #fff;
    padding: 0 20px;
    text-align: center;
    color: #b3b3b3;
}

.page-id-26 .box p a{
    color: #b3b3b3;
}