@charset "utf-8";

/* Reset css  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body{
background-color: #A80000;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
font-family: SegoeUI, Arial, sans;
font-size: 0.9em;
line-height: 1.5em;
color: #333;
}

p a:link, p a:visited, p a:active, p a:hover{
text-decoration: none;
margin: 7px 15px;
padding: 2px 5px;
}


p a:link, a:visited, a:active{
color: #FFF4CC ;
background-color: #770000;
}

p a:hover{
color: #770000;
background-color: #FFF4CC;
}


.hide{ display: none;}
::selection { background-color: #FFF4CC; }
::-moz-selection { background-color: #FFF4CC; }


#contenedor, #contenido, #header, .menu, #article, #aside, .box, .limpiar, .subtitulo, .flotai, .flotad, .idcontacto, .idportfolio,  .space25, .floatbreak{
display: block;
position: relative;
}

#contenedor, #contenido, #header, .menu, #article, #aside, .box, .subtitulo, .flotai, .flotad{
padding: 5px;
}

#contenedor{
margin: 0 auto;
width: 750px;
height: 100%;
}

#contenido{
padding: 0;
margin: 0;
width: 100%;
min-height: 300px;
background-color: #900;
}

#header, .menu, .limpiar, #pie, .space25{ clear: both;}
#header{ padding-top: 20px; height: 75px;}

.subtitulo{ 
width: 550px;
margin-top: 15px;
float: right;
font-size: 1.2em; color: #800000; 
font-family: Georgia, serif; font-style: italic; font-weight: lighter;
}

.flotai{ float: left; }
.flotad{ float: left; }

.menu, #pie{ color: #D8CDBE; font-size: 1.1em; padding: 5px; margin: 10px; font-weight: bold;}

#article, .box, #contenido{ 
border-radius: 10px;
-moz-border-radius: 10px;
}

#article{background-color: #F4F1ED;}

#article{ 
float: left;
border: solid 3px #CA6501;
padding: 10px;
width: 450px;
}

#aside{
width: 240px;
float: left;
padding: 5px 5px;
margin: 0 10px ;
font-size: 0.9em;
line-height: 1.3em;
color: #F4F1ED;
}

.box{
border: solid 1px #500;
float: left;
width: 120px;
height: 80px;
margin: 5px;
padding: 5px;
font: 0.9em Arial, Helvetica, Verdana, sans;
color: #F4F1ED;
background-color: #700;
text-align: center;
}

.fotowrap{ 
width: 120px;
/*border: solid 1px #CCC;*/
margin: 5px 5px 10px 10px; 
display: inline-block;
position: relative;
float: right;
padding: 10px 5px;
}

.floatbreak
{
	display: block;
	float: right;
	margin: 5px;
	width: 2px;
	height: 2px;
	overflow: visible;
}

ul li{ margin: 0px 5px 5px 25px; list-style-image:url(img/vineta-aiteok.png);}
h1{ font-size: 1.7em; color: #C00; font-family: Georgia, serif; font-style: italic; font-weight: lighter; margin: 0.7em 0 0.5em 0;}

.idcontacto, .idportfolio{ color: #FFF; padding: 20px;}
.ftxt{ display: inline-block; width: 130px; vertical-align: top; }
.ftxt2{ color:#555; font-size: 1em;}

.space25{ height: 25px; }