
/* Hoja de Estilo de Foto Estudio Miguel */ 

body {
	font-size : 10pt;
	font-family : verdana,arial,helvetica;
	color : #000000;
	background-color : #ddddbb;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 20px;
	margin-bottom : 20px;
 }

#general {
	text-align: left;
	width: 770px;
	border: 1px solid #000000;
	margin: auto;
	background-color: #f8f5ec;
 }

#cabecera {
	background-color: #dbe7fd;
	background: url('../imagenes/encabezado-770.jpg') no-repeat; /*habrá una imagen como fondo, no se pondrá texto */
	height: 123px;
 }

#barra {
	background: #a2c1f8;
	color: #ffffff;
	border: solid #000000;	
	border-width: 1px 0 1px 0;
	padding: 5px;
 }

#cuerpo {
	background: #dbe7fd; /* mismo color que fondo de la columna, para un mejor efecto */
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
 }

#columna {
	float: left;
	background: #dbe7fd;
	color: #333333;
	width: 140px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
 }

#contenido {
	width: 760px;
	background: #ffffff;
	color: #000000;
	border: solid #000000;	
	border-width: 0 0 0 0px;
	text-align: left;
	padding: 5px;
 }

#pie {
	background: #a2c1f8;
	color: #333333;
	border: solid black;
	border-width: 1px 0 0 0;
	margin: 0;
	padding: 5px;
 }
 
 #intercambio-links {
	background: #dbe7fd;
	color: #333333;
	border: solid black;
	border-width: 1px 0 0 0;
	margin: 0;
	padding: 5px;
 }
 
 ul#vineta {  
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#vineta li {
	margin: 4px;
	padding: 0;
}
ul#vineta li a {
	display: block;
	width: 110px;
	padding: 7px 3px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	color: #99cc00;
	background-color: #003366;
	border-left: 10px solid #99cc00; /*el bordecito que tiene en la parte izquierda*/
}
ul#vineta li a:hover {
	color: #ffffff;
	background-color: #000000;
	border-left: 10px solid #666666; /*el bordecito que tiene en la parte izquierda*/
}

form {
	margin: 0;
}

input {
	font-size: 8pt;
}

select {
	font-size: 8pt;
}
textarea {
	font-size: 8pt;
}

a  {
	text-decoration : none;
	color : #3333cc;
}
a:Visited  {
	text-decoration : none;
	color : #3333cc;
}
a:Active  {
	text-decoration : none;
	color : #3333cc;
}

a:Hover  {
	text-decoration : none;
	color : #3333cc;
}

.fuente8 {
		font-size:8pt;
		font-family: verdana,arial,helvetica;
}

.fuente10 {
		font-size:10pt;
		font-family: verdana,arial,helvetica;
}

.titcol  {
	font-size : 10pt;
	font-family : verdana,arial,helvetica;
	background-color : #eeeecc;
	color : #000000;
}

.firma1  {
	background-color : #eeeecc;
	color : #000000;
}

.firma2  {
	background-color : #dbe7fd;
	color : #000000;
}

.separador  {
	background-color : #cccccc;
	color : #000000;
	height: 1px;
}

.titular  {
	font-size : 24pt;
	font-family : verdana,arial,helvetica;
	background-color : #dbe7fd;
	color : #000080;
	text-decoration: underline;
	text-align: center;
}

.titular-20  {
	font-size : 20pt;
	font-family : verdana,arial,helvetica;
	background-color : #dbe7fd;
	color : #000080;
	text-decoration: underline;
	text-align: center;
}

.titular2  {
	font-size : 18pt;
	font-family : verdana,arial,helvetica;
	color : #003333;
	text-decoration: underline;
	text-align: center;
}

#enlaces a {
	width: 100%;
	display: block;
	padding: 7px 0px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color: #99cc00;
	background-color: #003366;
	border-left: 5px solid #99cc00; /*el bordecito que tiene en la parte izquierda*/
}
#enlaces a:hover {
	color: #ffffff;
	background-color: #000000;
	border-left: 5px solid #666666; /*el bordecito que tiene en la parte izquierda*/
}

#enlacesindecoracion a {
	text-decoration: none;
	color: #FFFFFF;
}
#enlacesindecoracion a:hover {
	text-decoration: none;
	color: #FFFFFF;
}