@charset "utf-8";

body {
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  background: url(../img/background.png) repeat-x;
}

div.textos p:first-letter {
  font-size: 1.5em;
  color: #f8b441;
  line-height: 8px;
  text-indent: 250px;
}

h2 {
  font-size: 1.5em;
  color: #f8b441;
}

a:link {text-decoration: none; color: #f8b441; outline:none;}
a:visited {text-decoration: none; color: #f8b441; outline:none;}
a:hover {text-decoration: none; color: #f60; outline:none;}
a:active {text-decoration: none; color: #f8b441; outline:none;}


.bigger {	font-size: 1.2em; }
.biggeer {	font-size: 1.5em;}
.biggeeer {	font-size: 2em;}
.biggeeeer {	font-size: 3em;}
.smaller {	font-size: .8em;}
.smalleer {	font-size: .6em;}
.smalleeer {	font-size: .5em;}

div.main {
  padding: 0px 30px 20px 150px;
  font-size: 1.2em;
  background: #fff url(../img/dark_side.png) repeat-y;
}

div.textos {
	margin-top: 40px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
margin: 0 -40px 0 -40px;
width: 840px;
border-top: 5px solid #888888; /*Brown color theme*/ 
background: transparent;
}

#modernbricksmenu2.over{
	border-top: 5px solid #f8b441; /*Brown color theme*/ 
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #888888; /*Brown color theme*/ 
/*border-top: 1px solid white;*/
}

#modernbricksmenu2 a:hover{
background-color: #f8b441; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #f8b441; /*Brown color theme*/ 
color: white;
border-color: #f8b441; /*Brown color theme*/ 
}



#logo {
  height: 309px;
  background: url(../img/logo.png) no-repeat;
  width: 500px;
  margin-right:0px;
}

#info {
  height: 85px;
  background: url(../img/info.png) no-repeat;
  margin-top: 224px;
  width: 438px;
  float: right;
}


div.pared_foot {
  background: #FFF url(../img/corner_bottom.png) no-repeat bottom left;
  padding: 40px 0 0 150px;
  height: 45px; 
  width: 800px;
  text-align: center;
}

.pared_foot a {
  padding: 0 3px 0 3px;
}


.foot {
  margin-top: -85px !important;
  margin-top: 0;
  height: 85px !important;
  height: 0;
  background-color: #f5f5f5;
  text-align: center;
}

.foot a {
  padding-right: 30px;
}

.quote {
  position: absolute;
  font-family: 'Lucida Grande', Geneva, 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif;
  text-align: right;
  right: 30px;
  width: 400px;
  font-size: 1.1em;
  line-height: 30px;
  color: #cdcdcd;
}


 /* FLAGS */

.flags_container {
  position: absolute;
  padding:5px 0 0 0;
  left: 50px;
}

.flags_container ul { width:100%; margin: 0px;}

.flags_container ul li {
  list-style-type: none;
  display: inline-block;
}

div.flag {
  height: 18px;
  width: 25px;
  overflow: hidden;
}

div#es { 		background: url(../img/flag_sprite_small.png) 0 0 no-repeat; }
div#es:hover { 	background: url(../img/flag_sprite_small.png) 0 -19px no-repeat; }
div#es:active { 	background: url(../img/flag_sprite_small.png) 0 -19px no-repeat; }

div#en { background: url(../img/flag_sprite_small.png) -25px 0 no-repeat; }
div#en:hover { background: url(../img/flag_sprite_small.png) -25px -19px no-repeat; }
div#en:active { background: url(../img/flag_sprite_small.png) -25px -19px no-repeat; }

div#de { background: url(../img/flag_sprite_small.png) -50px 0 no-repeat; }
div#de:hover { background: url(../img/flag_sprite_small.png) -50px -19px no-repeat; }
div#de:active { background: url(../img/flag_sprite_small.png) -50px -19px no-repeat; }

div#it { background: url(../img/flag_sprite_small.png) -75px 0 no-repeat; }
div#it:hover { background: url(../img/flag_sprite_small.png) -75px -19px no-repeat; }
div#it:active { background: url(../img/flag_sprite_small.png) -75px -19px no-repeat; }

div#fr { background: url(../img/flag_sprite_small.png) -100px 0 no-repeat; }
div#fr:hover { background: url(../img/flag_sprite_small.png) -100px -19px no-repeat; }
div#fr:active {	background: url(../img/flag_sprite_small.png) -100px -19px no-repeat; }

div#zh { background: url(../img/flag_sprite_small.png) -125px 0 no-repeat; }
div#zh:hover { background: url(../img/flag_sprite_small.png) -125px -19px no-repeat; }
div#zh:active {	background: url(../img/flag_sprite_small.png) -125px -19px no-repeat; }


.bqstart { float: left; margin-top: -25px; font-size: 500%; color: #f8b441; }
.bqend { float: right; font-size: 500%; color: #f8b441; }
.author { font-size:.8em; }

#contacto fieldset {
  text-align: left;
  border: 0;
}

div#contactform, div#container_bd {	
  background-color: #f0f0f0;
  padding: 15px 15px 15px 15px;
  margin-bottom: 50px;
}

div#carouselbox p {
  padding: 30px 30px 30px 30px;
  background-color: #FFF;
}

div#carouselbox p.with_image {
  padding-bottom: 60px;
}

#contacto fieldset input, fieldset select, fieldset textarea {
  width: 100% !important;
  width: 90%;
  padding: 5px;
  color: #7C7C7C;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: normal;
}

#required_fields {
  float: right;
  font-weight: bold;
}


#handles4 div.thumbnail{
  height: 78px;
  width: 90px;
  overflow: hidden;
  margin: 5px 3px 3px 3px;
  display: block;
  float: left;
  cursor: pointer;
}

div#thumb0 { background: url(../img/ex6_1t.jpg) 0 0 no-repeat; }
div#thumb0:hover { background: url(../img/ex6_1t.jpg) -90px 0 no-repeat; }
div#thumb0.active{ background: url(../img/ex6_1t.jpg) -180px 0 no-repeat; }

div#thumb1 { background: url(../img/ex6_2t.jpg) 0 0 no-repeat; }
div#thumb1:hover { background: url(../img/ex6_2t.jpg) -90px 0 no-repeat; }
div#thumb1.active{ background: url(../img/ex6_2t.jpg) -180px 0 no-repeat; }

div#thumb2 { background: url(../img/ex6_3t.jpg) 0 0 no-repeat; }
div#thumb2:hover { background: url(../img/ex6_3t.jpg) -90px 0 no-repeat; }
div#thumb2.active{ background: url(../img/ex6_3t.jpg) -180px 0 no-repeat; }

div#thumb3 { background: url(../img/ex6_4t.jpg) 0 0 no-repeat; }
div#thumb3:hover { background: url(../img/ex6_4t.jpg) -90px 0 no-repeat; }
div#thumb3.active{ background: url(../img/ex6_4t.jpg) -180px 0 no-repeat; }

div#thumb4 { margin-left: 60px; }
div#thumb4 { background: url(../img/ex6_5t.jpg) 0 0 no-repeat; }
div#thumb4:hover { background: url(../img/ex6_5t.jpg) -90px 0 no-repeat; }
div#thumb4.active{ background: url(../img/ex6_5t.jpg) -180px 0 no-repeat; }

div#thumb5 { background: url(../img/ex6_6t.jpg) 0 0 no-repeat; }
div#thumb5:hover { background: url(../img/ex6_6t.jpg) -90px 0 no-repeat; }
div#thumb5.active{ background: url(../img/ex6_6t.jpg) -180px 0 no-repeat; }

div#thumb6 { background: url(../img/ex6_7t.jpg) 0 0 no-repeat; }
div#thumb6:hover { background: url(../img/ex6_7t.jpg) -90px 0 no-repeat; }
div#thumb6.active{ background: url(../img/ex6_7t.jpg) -180px 0 no-repeat; }

div#thumb7 { background: url(../img/ex6_8t.jpg) 0 0 no-repeat; }
div#thumb7:hover { background: url(../img/ex6_8t.jpg) -90px 0 no-repeat; }
div#thumb7.active{ background: url(../img/ex6_8t.jpg) -180px 0 no-repeat; }


/* BUTTONS */
button{
  height: 32px;
  width: 100px;
  overflow: hidden;
  padding:5px 10px 6px 7px; /* Links */
  margin: 5px 3px 3px 3px;
  cursor: pointer;
  background: url(../img/button.png) 0 0 no-repeat;
  display:block;
  border:0px solid;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-weight:bold;
  color:#333;
  cursor:pointer;
}


button:hover { 	background: url(../img/button.png) 0 -32px no-repeat; }
button.visited{  background: url(../img/button.png) 0 -64px no-repeat; }


button{ padding:4px 10px 3px 7px; } /* IE6 */
button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:32px; /* Safari */
}
*:first-child+html button[type]{ padding:4px 10px 3px 7px; } /* IE7 */
