/*  
Theme Name: studiost08
Theme URI: http://www.angelescastell.com
Description: studio AC
Version: 1
Author: ANGELES CASTELL
Author URI: http://www.angelescastell.com
*/

/* Meyers Reset Reloaded*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.micro {
	font-family: tahoma, sans-serif;
	font-size: 9px;
}

/* main styles */

html, body {
	background-color: #2A4467;
	font: 11px 'Lucida grande', verdana, sans-serif;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.cnt {
	width: 970px;
	margin: 0 auto;
	background-color: #2A4467;
	color:#B3C7E4;
	padding-bottom: 40px;
}

/* header */

.header {
	background: transparent url(http://www.angelescastell.com/nueva/images/headerbg.gif) repeat-x 0 0;
	height:41px;
	padding-left: 170px;
	margin-bottom: 20px;
}
.header ul {
	width:787px;
	margin: 0 auto;
	height:33px;
	padding-right:15px;
	overflow: hidden;
}
.header ul li {
	float:left;
	background-image: url(http://www.angelescastell.com/nueva/images/menubg.gif);
	background-repeat: no-repeat;
	z-index: -20;
	cursor: pointer;
}
.header ul li a {
	display:block;
	height:33px;
	background: transparent url(http://www.angelescastell.com/nueva/images/menubg.gif) repeat-x 0 -66px;
	float:left;
	z-index: -10;
}

.header ul li a span {
	display:none;
}

li#h1 {width:59px; background-position: 0 0;}
li#h2 {width:98px; background-position: -59px 0;}
li#h3 {width:107px; background-position: -159px 0;}
li#h4 {width:75px; background-position: -269px 0;}
li#h5 {width:103px; background-position: -345px 0;}
li#h6 {width:93px; background-position: -452px 0;}
li#h7 {width:54px; background-position: -546px 0;}
li#h8 {width:109px; background-position: -679px 0; margin-left: 83px;}

li#h1 a {width:59px; background-position: 0 -66px;}
li#h1 a:hover {width:59px; background-position: 0 0;}
li#h2 a {width:98px; background-position: -59px -66px;}
li#h2 a:hover {width:98px; background-position: -59px 0;}
li#h3 a {width:107px; background-position: -159px -66px;}
li#h3 a:hover {width:107px; background-position: -159px 0;}
li#h4 a {width:75px; background-position: -269px -66px;}
li#h4 a:hover {width:75px; background-position: -269px 0;}
li#h5 a {width:103px; background-position: -345px -66px;}
li#h5 a:hover {width:103px; background-position: -345px 0;}
li#h6 a {width:93px; background-position: -452px -66px;}
li#h6 a:hover {width:93px; background-position: -452px 0;}
li#h7 a {width:93px; background-position: -546px -66px;}
li#h7 a:hover {width:93px; background-position: -546px 0;}
li#h8 a {width:109px; background-position: -679px -66px; }
li#h8 a:hover {width:109px; background-position: -679px 0; }

li a.active {background-position: 0 -33px;
	cursor: default;
}



li#h1 a.active {width:59px; background-position: 0 -33px;}
li#h2 a.active {width:98px; background-position: -59px -33px;}
li#h3 a.active {width:107px; background-position: -159px -33px;}
li#h4 a.active {width:75px; background-position: -269px -33px;}
li#h5 a.active {width:103px; background-position: -345px -33px;}
li#h6 a.active {width:93px; background-position: -452px -33px;}
li#h7 a.active {width:54px; background-position: -546px -33px;}
li#h8 a.active {width:109px; background-position: -679px -33px; }


/* Cuerpo */

.logo {
	padding-top:100px;
	width: 160px;
	float:left;
}
.col1, .col2 {
	float:left;
	width: 190px;
}
.col3 {
	float:left;
	width: 430px;
}
#pfolio .col3 {
	width: 620px;
}
.barrita {
	background: transparent url(http://www.angelescastell.com/nueva/images/barrita.gif) no-repeat left bottom;
	margin-top: 30px;
	z-index: -50;
	padding-bottom: 10px;
	float: left;
}
.air {
	margin-bottom: 17px;
}

#tooltip {
	background: url(http://www.angelescastell.com/nueva/images/tooltipbg.png) no-repeat;
	width: 144px;
	padding:10px 8px 20px 8px;
	color: #fff;
	text-align: center;
}

.logo a {
	display:block;
	background: transparent url(http://www.angelescastell.com/nueva/images/stlogo2.jpg) no-repeat 0 0;
	width: 135px;
	height:129px;
}

/* primera col */

.quienescol {
	background: transparent url(http://www.angelescastell.com/nueva/images/barritatop.gif) no-repeat left top;
	padding:7px 25px 3px 25px;
	z-index: -30;
	height: 109px;
}


/* second col */

.workcol, .feedcol {
	background: transparent url(http://www.angelescastell.com/nueva/images/barritatop.gif) no-repeat left top;
	padding:10px 25px 0 25px;
	z-index: -30;
}
.workcol p a {
	display:block;
	width: 133px;
	height: 97px;
	z-index: 0;
	overflow: hidden;
}
.workcol p a img {
	display: block;
	width:133px;
	z-index: 1;
}

.workcol p a img:hover {
	padding-left: 133px;
}
.feedcol p {
	margin-bottom: 10px;
	line-height: 16px;
}
.feedcol a {
	color:#fff;
}


#tt {
	background-image: url(../../images/tecnotrabajos.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#dsgn {
	background-color: transparent;
	background-image: url(http://www.angelescastell.com/nueva/images/blogdsgn.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#ig {
	background: transparent url(http://www.angelescastell.com/nueva/images/insightory1.jpg) no-repeat 0 0;
}
#mv {
	background: transparent url(http://www.angelescastell.com/nueva/images/mediavant1.jpg) no-repeat 0 0;
}
#dk {
	background: transparent url(http://www.angelescastell.com/nueva/images/denkenuber1.jpg) no-repeat 0 0;
}
#nx {
	background: transparent url(http://www.angelescastell.com/nueva/images/obolog3.jpg) no-repeat 0 0;
}
#tr {
	background: transparent url(http://www.angelescastell.com/nueva/images/transfer2.jpg) no-repeat 0 0;
}
#vl {
	background: transparent url(http://www.angelescastell.com/nueva/images/vlex1.jpg) no-repeat 0 0;
}

/* tercera col */

.blogcol {
	background: transparent url(http://www.angelescastell.com/nueva/images/barritatop.gif) no-repeat left top;
	padding:5px 0 0 25px;
	z-index: -30;
}
.post {
	margin-bottom: 30px;
}
.blogcol .clearfix {
	width: 400px;
}
html > body .blogcol .clearfix {
	width:auto;
}
.post span {
	font: 9px tahoma, sans-serif;
	margin-bottom: 10px;
	display: block;
}
.post h3 {
	font-size:12px;
	font-weight: bold;
	margin-bottom: -2px;
	color:#19283C;
	float:left;
}
html > body .post h3 {
	margin-bottom:10px;
}
.post h3 a {
	color:#19283C;
	text-decoration: none;
	background-color: #5B7598;
	padding:1px 5px 2px 5px;
	border-top: 1px solid #7188A8;
	border-bottom: 1px solid #263D5D;
	float:left;
}
.post h3 a:hover {
	color:#263D5D;
	text-decoration: none;
	background-color: #B3C7E4;
	border-top: 1px solid #B3C7E4;
	border-bottom: 1px solid #B3C7E4;
}
.post span img {
	background: transparent url(http://www.angelescastell.com/nueva/images/gravatarbg.gif) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	padding-right: 5px;
}
.post span a {
	color:#fff;
}
.post span a:hover {
	text-decoration: none;
}
.post h2 {
	font-size:12px;
	font-weight: bold;
	margin-bottom: 15px;
	color:#fff;
}
.post p {
	line-height: 16px;
	margin-bottom: 16px;
}
.post h4 {
	color:#fff;
	font-weight: bold;
	margin:5px 0 10px 0;
	font-size: 14px;
}
.post p a {
	color: #fff;
}
.post p a:hover {
	text-decoration: none;
}
.post blockquote {
	background: transparent url(http://www.angelescastell.com/nueva/images/blockquotebg.gif) no-repeat;
	padding-left: 32px;
}
.post ul, .post ol {
	line-height: 16px;
	padding-left: 13px;
	margin-bottom: 20px;
}
.post ul li {
	background: transparent url(http://www.angelescastell.com/nueva/images/bullet.gif) no-repeat 4px 3px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.post ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.post ol li {
	padding-left: 5px;
	margin-bottom: 5px;
}
.postblog ul li, .postblog ol li {
	font-size: 12px;
}
.post ul li a, .post ol li a {
	color: #fff;
}
.post ul li a:hover, .post ol li a:hover {
	text-decoration: none;
}
.postblog h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 28px;
	font-weight: normal;
}
.postcom {
	padding-bottom: 0px;
}
.combar {
	background: transparent url(http://www.angelescastell.com/nueva/images/commenticon.gif) no-repeat 0 5px;
	font: 9px tahoma, sans-serif;
	height: 17px;
	padding: 5px 0 0 22px;
}
.combarblog {
	background: transparent url(http://www.angelescastell.com/nueva/images/commenticon.gif) no-repeat 0 20px;
	padding: 20px 0 0 22px;
}
.combar a{
	text-decoration: none;
	color:#B2CAEC;
	border-bottom:1px solid #445E81;
	padding:0 2px 1px 1px;
}
.combar a:hover {
	color: #fff;
	border:none;
}
.footer {
	background: #0D1C32 url(http://www.angelescastell.com/nueva/images/footerbg.gif) repeat-x 0 0;
	margin-top: 15px;
	padding-bottom: 40px;
}
.fcols {
	width: 810px;
	margin: 0 auto;
	padding: 30px 0 0 160px;
}

.fc {
	background: transparent url(http://www.angelescastell.com/nueva/images/fbarritatop.gif) no-repeat left top;
	z-index: -30;
	padding:10px 12px 0 25px;
}
.footer a:hover {
	text-decoration: none;
}

.fbarrita {
	background: transparent url(http://www.angelescastell.com/nueva/images/fbarrita.gif) no-repeat left bottom;
	margin-top: 30px;
	z-index: -50;
	padding-bottom: 10px;
}

.f1, .f2, .f3 {
	float:left;
	color:#63758E;
}
.f1 {
	width:370px;
	margin-right: 10px;
}
.f2 {
	width:190px;
}
.f3 {
	width:228px;
	overflow: hidden;
}
html > body .f3 {
	width: 238px;
}
.fc h3 {
	margin-bottom: 5px;
	font-weight: bold;
}
.fc h3 a {
	color: #B3C7E4;
}
.f1 .fc p {
	margin-bottom: 15px;
}
.f2 li {
	margin-bottom: 4px;
}
.f2 a, .f3 a {
	color:#63758E;
}
.f3 p {
	margin-bottom: 15px;
}
.cm {
	margin-bottom:0 !important;
}
.cm2 {
	margin-bottom: -10px !important;
}
.cm3 {
	margin-bottom: -15px !important;
}
.cmt {
	margin-top:0 !important;
}





/* pfolio */

#pfolio h1 {
	width: 810px;
	float: left;
}

#pfolio .quienescol{
	height: auto !important;
}

#pfolio .quienescol p {
	font-size: 12px;
	line-height: 20px;
}
#pfolio .blogcol {
	padding-right: 25px;
}
#pfolio fieldset {
	border: 1px solid #516B8E;
	padding:20px;
	border-right-color: #1A3151;
	border-bottom-color: #1A3151;
	float:left;
	width:528px;
	margin-top: -25px;
}
html > body#pfolio fieldset {
	margin-top: 0 !important;
}
#pfolio .blogcol legend {
	font-size: 12px;
	color:#fff;
	font-weight: bold;
	padding:0 10px;
	margin-left: -10px;
	margin-bottom: 25px;
}
#pfolio .blogcol legend span {
	color:#B3C7E4;
	display: inline !important;
	font-size: 12px;
	padding-right: 8px;
	font-weight: bold;
}
#pfolio .blogcol p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 19px;
}
#pfolio .post .jobpics {
	float:left;
	width: 300px;
	height:210px;
	overflow: hidden;
}
#pfolio .post .jobpics a {
	display:block;
	width: 133px;
	height: 97px;
	z-index: 0;
	overflow: hidden;
}
#pfolio .post .jobpics a img {
	display: block;
	width:133px;
	z-index: 1;
}

#pfolio .post .jobpics a img:hover {
	padding-left: 133px;
}


#pfolio .post {
	margin-bottom: 0;
}

#pfolio .post .jobpics a {
	float:left;
	margin-bottom:15px;
}

#pfolio .post .jobpics a.job {
	float:left;
	margin-right: 15px;
}

#pfolio dl {
	font-size: 11px;
	float: left;
	width: 220px;
}
#pfolio dl dt {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	color:#fff;
}
#pfolio dl dt.ps, #pfolio dl dt.coda, #pfolio dl dt.ai {
	padding-left: 24px;
}
#pfolio dl dt.ps {
	background: url(http://www.angelescastell.com/nueva/images/psicon.gif) no-repeat 0 -1px;
}
#pfolio dl dt.coda {
	background: url(http://www.angelescastell.com/nueva/images/codaicon.gif) no-repeat 0 0;
}
#pfolio dl dt.ai {
	background: url(http://www.angelescastell.com/nueva/images/aiicon.gif) no-repeat 0 -1px;
}
#pfolio dl dd {
	margin-bottom: 15px;
}
#pfolio .workcol .air {
	margin-bottom: 30px;
}
#pfolio .workcol p {
	line-height: 17px;
}
#pfolio .workcol ul {
	margin-top: 10px;
}
#pfolio .workcol ul li {
	line-height: 17px;
	list-style: disc;
	margin-bottom: 8px;
	margin-left: 15px;
}
#pfolio .workcol ul li a {
	color: #B3C7E4; 
}
#pfolio .workcol ul li a:hover {
	text-decoration: none; 
}
#pfolio .workcol h3 {
	margin:10px 0 6px 0;
	font-size:11px;
	font-weight: bold;
	color:#fff;
}
#pfolio .blogcol .post h4, #pfolio .blogcol .post h5 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
	color:#19283C;
	background-color: #5B7598;
	padding:0 5px 3px 5px;
	float:left;
	border-top: 1px solid #7188A8;
	border-bottom: 1px solid #263D5D;
}
#pfolio .blogcol .post h5 {
	font-size: 15px;
	margin-top: 25px;
	padding-top: 1px;
}
#pfolio .blogcol .post p strong {
	font-weight: bold;
	color:#D6E1F1;
}



/*------------------------- obolog -------------------------*/
#ob1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/obolog1.jpg) no-repeat 0 0;
}
#ob3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/obolog3.jpg) no-repeat 0 0;
}
#ob4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/obolog4.jpg) no-repeat 0 0;
}
#ob5 {
	background: transparent url(http://www.angelescastell.com/nueva/images/obolog5.jpg) no-repeat 0 0;
}

/*------------------------- insightory -------------------------*/
#ins1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/insightory1.jpg) no-repeat 0 0;
}
#ins2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/insightory2.jpg) no-repeat 0 0;
}
#ins3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/insightory3.jpg) no-repeat 0 0;
}
#ins4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/insightory4.jpg) no-repeat 0 0;
}

/*------------------------- transfer -------------------------*/
#tra1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/transfer1.jpg) no-repeat 0 0;
}
#tra2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/transfer2.jpg) no-repeat 0 0;
}
#tra3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/transfer3.jpg) no-repeat 0 0;
}
#tra4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/transfer4.jpg) no-repeat 0 0;
}

/*------------------------- mediavant -------------------------*/
#med1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/mediavant1.jpg) no-repeat 0 0;
}
#med2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/mediavant2.jpg) no-repeat 0 0;
}
#med3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/mediavant3.jpg) no-repeat 0 0;
}
#med4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/mediavant4.jpg) no-repeat 0 0;
}

/*------------------------- denkenuber -------------------------*/
#dk1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/denkenuber1.jpg) no-repeat 0 0;
}
#dk2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/denkenuber2.jpg) no-repeat 0 0;
}
#dk3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/denkenuber3.jpg) no-repeat 0 0;
}
#dk4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/denkenuber4.jpg) no-repeat 0 0;
}

/*------------------------- vlex -------------------------*/
#vlex1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/vlex1.jpg) no-repeat 0 0;
}
#vlex2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/vlex2.jpg) no-repeat 0 0;
}
#vlex3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/vlex3.jpg) no-repeat 0 0;
}
#vlex4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/vlex4.jpg) no-repeat 0 0;
}

/*------------------------- unibet -------------------------*/
#uni1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/unibet1.jpg) no-repeat 0 0;
}
#uni2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/unibet2.jpg) no-repeat 0 0;
}
#uni3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/unibet3.jpg) no-repeat 0 0;
}
#uni4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/unibet4.jpg) no-repeat 0 0;
}

/*------------------------- poker -------------------------*/
#pk1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/poker1.jpg) no-repeat 0 0;
}
#pk2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/poker2.jpg) no-repeat 0 0;
}
#pk3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/poker3.jpg) no-repeat 0 0;
}
#pk4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/poker4.jpg) no-repeat 0 0;
}

/*------------------------- aquavisum -------------------------*/
#aq1 {
	background: transparent url(http://www.angelescastell.com/nueva/images/aquavisum1.jpg) no-repeat 0 0;
}
#aq2 {
	background: transparent url(http://www.angelescastell.com/nueva/images/aquavisum2.jpg) no-repeat 0 0;
}
#aq3 {
	background: transparent url(http://www.angelescastell.com/nueva/images/aquavisum3.jpg) no-repeat 0 0;
}
#aq4 {
	background: transparent url(http://www.angelescastell.com/nueva/images/aquavisum4.jpg) no-repeat 0 0;
}


.bpf {
	width: 530px;
	background: transparent url(http://www.angelescastell.com/nueva/images/bpfbg.jpg) no-repeat 0 8px;
	padding: 0 20px 20px;
	clear: both;
}
.bpf h3 {
	background-color: #2A4467;
	font-size: 12px;
	color:#fff;
	font-weight: bold;
	padding:0 10px;
	margin-left: -10px;
	margin-bottom: 25px;
	float: left;
}
.bpf h3 span {
	color:#B3C7E4;
	display: inline !important;
	font-size: 12px;
	padding-right: 8px;
	font-weight: bold;
}
.bpf .jobpics {
	clear: both;
}

#pfolio .blogcol .formulario p {
	width: 530px;
	margin-bottom: 10px;
	line-height: 12px;
	clear: both;
	float: left;
}
.post .formulario p span {
	width: 180px;
	font-size: 10px;
	padding: 5px 0 0 10px;
	display: block;
	float: left;
}
.formulario label {
	background: transparent url(http://www.angelescastell.com/nueva/images/labelbg.gif) no-repeat;
	width: 113px;
	height: 28px;
	color: #fff;
	font-size: 11px;
	padding: 3px 0 0 10px;
	display: block;
	float: left;
}
.formulario .txta label {
	background: transparent url(http://www.angelescastell.com/nueva/images/txtalabelbg.gif) no-repeat;
	width: 530px;
	height: 20px;
	float: none;
}
.formulario textarea {
	background: #fff url(http://www.angelescastell.com/nueva/images/textareabg.gif) no-repeat;
	width: 520px;
	height: 140px;
	padding: 5px;
	border: 0;
	display: block;
	float: left;
}
.formulario input {
	background: transparent url(http://www.angelescastell.com/nueva/images/inputbg.gif) no-repeat;
	width: 197px;
	height: 19px;
	padding: 4px 5px 0;
	border: 0;
	float: left;
}
.formulario select {
	background-color: #fff url(http://www.angelescastell.com/nueva/images/inputbg.gif) no-repeat;
	width: 205px;
	height: 23px;
	padding: 2px 0 0 5px;
	border: 1px solid #192f54;
	border-top: 1px solid #fff;
	float: left;
}
.formulario input.enviar {
	width: 79px;
	height: 33px;
	padding: 0;
}
.formulario input.chck {
	width: 15px;
	height: 15px;
	margin-right: 6px;
	padding: 0;
	vertical-align: top;
}

.formbg {
	background-image: none;
	padding: 0;
}

.buscarform {
	background: transparent url(http://www.angelescastell.com/nueva/images/buscarbg.gif) no-repeat;
	width: 140px;
	height: 23px;
	margin-bottom: 20px;
	display: block;
}
.buscarform input {
	background-color: transparent;
	width: 140px;
	height: 19px;
	padding: 4px 5px 0;
	border: 0;
}
