/*   
Theme Name: Laia Rifa
Description: Portafolio Personal de Laia Rifa
Author: Hugo Moreno
Author URI: http://www.tekoestudio.com/
Version: 1.0
.
General comments/License Statement.
.
*/


@import url(reset.css);

/*------------------------------------------------------------------ */

body { background:url(images/bg_contenido.jpg) top left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #666666; padding:0; margin:0;}

html { margin-bottom:1px; height:100%; }

* { margin:0; padding:0;}

/*------------------------------  STYLES -------------------------- */

.gal { width:150px; height:100px; display:block; border:#FFFFFF solid 3px; margin:0 0 5px 5px; float:left;}

.gal:hover { border:#333333 solid 3px;}

/*Contacto*/

#contacto { background:url(images/bg_contacto.jpg); height:360px; margin:0; padding:0; display:none; }

#wrapcont { width:960px; margin:0 auto;}

#formulario { width:400px; height:326px; float:left; margin:20px 0 15px 25px; background:#333333; border:#666666 solid 3px;}

#contactotit { padding:0 0 0 25px;}

#conform2 { padding:0 0 0 25px;}

#info { float:right; width:460px; height:326px; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; line-height:19px; background:url(images/cel.jpg) no-repeat bottom right;}

#info h1 { color:white; font-size:15px; line-height:15px; margin:0 0 10px 0;}

#info p { color: #CCCCCC; font-size:15px;  }

#servicios { width:236px; margin:15px 0 0 35px;}

#servicios li { list-style:url(images/bullet.jpg); color:#999999; font-size:15px;}

/* Boton Contacto*/

#wrapbtn { width:960px; margin:0 auto;}

#btnc { float:right; background:url(images/btn_contacto.jpg) no-repeat top left; display:block; width:103px; height:34px; margin:0 45px 0 0;}

#btnc span { display:none;}

/*contendio*/

#contenidogal { margin:0 auto;} 

#wpcont { margin:0 auto; width:960px;}

#logocont { margin:0 0 20px 399px;}

#portfoliowrap { margin:0 auto;}

/* Slider*/

#mygallery { width:611px; margin:0 auto;}

#myportfolio {width:650px; margin:0 auto;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 611px;
height: 409px; /*Height should enough to fit largest content's height*/
}

.gallery{

width: 815px;
height: 600px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 608px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.sliderimage { border:white solid 3px; height:406px; width:608px; display:block;}

/*Footer*/

#footer { background:url(images/bg_contacto.jpg); height:269px; margin:35px 0 0 0; }

#wrapfooter { margin:0 auto; width:960px;}

#logowhite { width:270px; height:200px; margin:50px 0 0px 80px; float:left;  }

#menu { float:right; margin:100px 45px 0 0;}

#menu ul li { float:left; margin:0 0 0 5px;}

#menu ul li span { display:none;}

#menu ul li a { width:110px; height:73px; display:block; border:#FFFFFF solid 3px;}

#menu ul li a:hover { width:110px; height:73px; display:block; border:#333333 solid 3px; background-position:bottom;}

#decoracion { background:url(images/btn_decoracion.jpg) no-repeat top;}

#eventos { background:url(images/btn_eventos.jpg) no-repeat top;}

#ninos {background:url(images/btn_ninos.jpg) no-repeat top; }

#retratos { background:url(images/btn_retratos.jpg) no-repeat top; }

#obra { background:url(images/btn_obra.jpg) no-repeat top; }

#infoin {text-align:center; margin:0 0 0 0; color:white; height:45px; background:#000000; line-height:45px; }

#firmateko { font-weight:bold; color:#666666; text-decoration:none;}

#firmateko:hover { color:#999999; }