@charset "UTF-8";
/* CSS Document */

[title=D2S ESTUDIO GRAFICO]
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
}
{
border:5px solid green;
color:blue;
}
body
{
margin:0;
padding:0;
background-image:url('http://www.d2sestudiografico.com/images/line_sup.jpg');
background-repeat:no-repeat;
background-position:right top;
font-size:100%;
}
.container
{
	position:relative;
	width:100%;
	height:80%;
	background-image: url(http://www.d2sestudiografico.com/images/line2.jpg);
	background-repeat: repeat-y;
	background-position: 300px;
	background-position:100px 100px;	
}

@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@media screen,print
  {
  p.test {font-weight:bold;}
  }
/*Logotipo*/
div.logo
{
text-align:center
position:absolute;
	left:100px;
	top:50px;
	float: left;
	position: relative;
}

/*Titulo*/
h1
{
font-family:"Arial";
color:red;
text-align:center;
}
/*Etiqueta 2*/
h2
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-align:justify;
font-size:15px;
text-indent:35px;
}

img
{
float:right;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
img.home
{
width:46px;
height:44px;
background:url('http://www.d2sestudiografico.com/images/img_navsprites.gif') 0 0;
}

img.line
{

img.next
{
width:43px;
height:44px;
background:url('http://www.d2sestudiografico.com/images/img_navsprites.gif') -91px 0;
}
#navlist{position:relative; top:150px;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:44px;display:block;}

#home{left:0px;width:46px;}
#home{background:url('http://www.d2sestudiografico.com/images/img_navsprites.gif') 0 0;}

#prev{left:63px;width:43px;}
#prev{background:url('http://www.d2sestudiografico.com/images/img_navsprites.gif') -47px 0;}

#next{left:129px;width:43px;}
#next{background:url('http://www.d2sestudiografico.com/images/img_navsprites.gif') -91px 0;}

#home a:hover{background: url('http://www.d2sestudiografico.com/images/img_navsprites_hover.gif') 0 -45px;}
#prev a:hover{background: url('http://www.d2sestudiografico.com/images/img_navsprites_hover.gif') -47px -45px;}
#next a:hover{background: url('http://www.d2sestudiografico.com/images/img_navsprites_hover.gif') -91px -45px;}

/*etiqueta 3*/
h3
{
font-family:"Verdana";
color:red;
text-align:center;
}
h4 {font-size:2.5em; font-family:Arial Negro, gadget, sanserif;} /* 40px/16=2.5em */
h5 {font-size:1.875em; font-family:Impacto, sanserif;} /* 30px/16=1.875em */
h6 {font-size:0.875em; font-family:Geneva, Arial, Helvetica, sans-serif;} /* 14px/16=0.875em */
/*Parrafo*/
p
{
font-family:"Verdana";
font-size:20px;
color:#000000;
text-align:center;
}
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
p.hidden {
visibility:hidden;
/*display:none;*/
}
p:first-child
{
color:blue;
} 
p > i:first-child
{
font-weight:bold;
} 

p:first-child i
{
color:blue;
} 
p:first-letter 
{
color:#ff0000;
font-size:xx-large;
}

p.article:first-letter {
color:#ff0000;
font-family:"Century Gothic";
font-size:24px;
color: #004400;
}

/*p:first-line 
{
color:#ff0000;
font-variant:small-caps;
}*/

/*Texto Servicios*/
p.servicio
{
font-family:"Arial";
font-size:20px;
color:blue;
text-align:center;
}

/*Texto Productos*/
p.producto
{
font-family:"Verdana";
font-size:20px;
color:red;
text-align:center;
text-transform:uppercase;
}
/*LLamenos por telefono*/
div.ex
{
font-family:"Verdana";
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
background-color:#CCCCCC;
max-height:50px;
top:30px;
right:5px;

}
#telefono
{
font-size:large;
font-color:red;
text-decoration:overline;
}
.center
{
text-align:center; 
font-size:small;
}
a:link {color:#FF0000; text-decoration:line-through;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF; background:#FFFF66;}  /* mouse over link */
a:active {color:#0000FF; }  /* selected link */

a.red:visited {color:#FF0000;}


ul.c { 
list-style:circle; 
text-align:center;
width:250px;
padding:10px;
border:5px solid red;
margin:10px;
background-color:#DDDDDD;

}

ul.s {
list-style-type:square; 
text-align:center;
display:block;
}

ul.d {
list-style: square url("http://www.d2sestudiografico.com/images/arrow.jpg");
border:5px solid red; width:350px;
outline:green dotted thick;
padding:25px 10px 20px 20px;
position:absolute;
top:100px;
left:50px;
}

li
{
position:relative;
left:10px;
top:10px;
}

h4,h5,h6
{
color:green;
}
h5:before 
{
content:url("http://www.d2sestudiografico.com/images/logo_D2S.jpg");
}
h6.pos_left
{
position:relative;
left:25px;
top:20px;
}
h6.pos_right
{
top:50px;
position:relative;
right:-100px;
}
h6:after
{
content:url("http://www.d2sestudiografico.com/images/logo_D2S.jpg");
}

li.twitter{list-style-image:"http://www.d2sestudiografico.com/images/twitter_D2S.jpg"; display:inline;}
li.facebook{list-style-image:"http://www.d2sestudiografico.com/images/facebook_D2S.jpg"; display:inline;}
li.facebook{list-style-image:"http://www.d2sestudiografico.com/images/linkedin_D2S.jpg"; display:inline;}
li.social{display:inline;}

div.social
{
font-family:"Verdana";
width:420px;
padding:10px;
border:5px solid gray;
margin:100px 50px;
background-color:#CCCCCC;
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;

}
div.contact
{
font-family:"Verdana";
width:350px;
padding:10px;
border:5px solid gray;
margin:0px;
background-color:#CCCCCC;
clear:both;
}

table
{
border-collapse:collapse;
border:1px solid green;
}
th, td
{
border: 1px solid red;
text-align:right;
vertical-align:bottom;
padding:15px;
background-color:green;
color:white;
}

span
{
/*display:block;*/
padding-right:25px;
text-align:right;
text-decoration: underline;
}
footer
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
imgfooter
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
ul.footer
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li.footer
{
float:left;
}
/*Texto Footer*/
p.footer
{
font-family:"Verdana";
font-size:20px;
color:#DDDDDD;
text-align:center;
text-transform:uppercase;
position:relative;
top:-100px;
z-index:1;
}
a.footer
{
width:60px;

}
.thumbnail 
{
position:relative;
left:300px;
float:left;
width:110px;
height:90px;
margin:5px;
}
.center
{
margin-left:auto;
margin-right:auto;
margin:auto;
width:70%;
background-color:#b0e0e6;
text-align:justify;
}
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}

input:focus
{
background-color:yellow;
}